From 162cf879e06b4a7bc736a3a9c946b00ab7331eaf Mon Sep 17 00:00:00 2001
From: cyantree <cyantree@users.noreply.github.com>
Date: Wed, 21 Feb 2024 00:42:15 +0100
Subject: [PATCH] fix form selection when element is detached (#1806)

---
 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 46c5a44a43..5cef263654 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;