From 2a4b3ee2e94e0f154307255a19cab2b4dc8f5dc1 Mon Sep 17 00:00:00 2001
From: cyantree <mail@cyantree.com>
Date: Wed, 6 Mar 2024 16:34:59 +0100
Subject: [PATCH] fix form selection when element is detached (#1806) (#1881)

Co-authored-by: cyantree <cyantree@users.noreply.github.com>
---
 src/internal/form.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/internal/form.ts b/src/internal/form.ts
index 46c5a44a..5cef2636 100644
--- a/src/internal/form.ts
+++ b/src/internal/form.ts
@@ -72,9 +72,8 @@ export class FormControlController implements ReactiveController {
         const formId = input.form;
 
         if (formId) {
-          const root = input.getRootNode() as Document | ShadowRoot;
-
-          const form = root.getElementById(formId);
+          const root = input.getRootNode() as Document | ShadowRoot | HTMLElement;
+          const form = root.querySelector(`#${formId}`);
 
           if (form) {
             return form as HTMLFormElement;