fix(web): re-introduce shadow root but also delegate focus (#717)

2026-05-22 18:43:12 -07:00 · 2025-03-24 17:55:39 -04:00
parent b72e0857bf
commit 248588371a
1 changed files with 15 additions and 3 deletions
@@ -1,4 +1,17 @@
-<svelte:options customElement={{ tag: 'iron-remote-gui', shadow: 'none' }} />
+<svelte:options
+    customElement={{
+        tag: 'iron-remote-gui',
+        shadow: 'none',
+        extend: (elementConstructor) => {
+            return class extends elementConstructor {
+                constructor() {
+                    super();
+                    this.attachShadow({ mode: 'open', delegatesFocus: true });
+                }
+            };
+        },
+    }}
+/>

 <script lang="ts">
    import { onMount } from 'svelte';
@@ -28,8 +41,7 @@
            capturingInputs: ${document.activeElement === canvas}
            current active element: ${document.activeElement}
        `);
-
-        return document.activeElement === canvas;
+        return document.activeElement?.shadowRoot?.firstElementChild === inner;
    };

    let inner: HTMLDivElement;