Fixed capturing of keyboard events for custom elements

Co-authored-by: vtsvetkov-splunk <[email protected]>

material/overrides/main.html

@@ -23,5 +23,5 @@
 {% endblock %}
 {% block scripts %}
   {{ super() }}
-  <script src="{{ 'assets/javascripts/custom.054acff4.min.js' | url }}"></script>
+  <script src="{{ 'assets/javascripts/custom.526c59dc.min.js' | url }}"></script>
 {% endblock %}

material/templates/base.html

@@ -218,7 +218,7 @@
         "base": base_url,
         "features": features,
         "translations": {},
-        "search": "assets/javascripts/workers/search.c011b7c0.min.js" | url
+        "search": "assets/javascripts/workers/search.b8dbb3d2.min.js" | url
       } -%}
       {%- if config.extra.version -%}
         {%- set mike = config.plugins.get("mike") -%}
@@ -249,7 +249,7 @@
       </script>
     {% endblock %}
     {% block scripts %}
-      <script src="{{ 'assets/javascripts/bundle.7f914c06.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.a963951d.min.js' | url }}"></script>
       {% for script in config.extra_javascript %}
         {{ script | script_tag }}
       {% endfor %}

src/templates/assets/javascripts/browser/element/_/index.ts

@@ -114,7 +114,9 @@ export function getOptionalElement<T extends HTMLElement>(
  * @returns Element or nothing
  */
 export function getActiveElement(): HTMLElement | undefined {
-  return document.activeElement instanceof HTMLElement
-    ? document.activeElement || undefined
-    : undefined
+  return (
+    document.activeElement?.shadowRoot?.activeElement as HTMLElement ??
+    document.activeElement as HTMLElement ??
+    undefined
+  )
 }