diff --git a/examples/vanilla/control-elements/media-captions-menu.html b/examples/vanilla/control-elements/media-captions-menu.html index 9b0fc252f..adbffe2c6 100644 --- a/examples/vanilla/control-elements/media-captions-menu.html +++ b/examples/vanilla/control-elements/media-captions-menu.html @@ -46,7 +46,6 @@

Captions Menu

- @@ -55,6 +54,7 @@

Captions Menu

+
diff --git a/src/js/media-control-bar.ts b/src/js/media-control-bar.ts index 92eec8df8..b8ec5064e 100644 --- a/src/js/media-control-bar.ts +++ b/src/js/media-control-bar.ts @@ -28,6 +28,10 @@ template.innerHTML = /*html*/ ` ::slotted(media-clip-selector) { flex-grow: 1; } + + ::slotted([role="menu"]) { + position: absolute; + } diff --git a/src/js/menu/media-chrome-menu.ts b/src/js/menu/media-chrome-menu.ts index b8ae2baee..223b6c21c 100644 --- a/src/js/menu/media-chrome-menu.ts +++ b/src/js/menu/media-chrome-menu.ts @@ -307,8 +307,6 @@ class MediaChromeMenu extends globalThis.HTMLElement { #mediaController: MediaController | null = null; #previouslyFocused: HTMLElement | null = null; #invokerElement: HTMLElement | null = null; - #keysSoFar = ''; - #clearKeysTimeout: number | null = null; #previousItems = new Set(); #mutationObserver: MutationObserver; #isPopover = false;