From caa9c6ba660332d5a23560aeed39882ece6ae2c4 Mon Sep 17 00:00:00 2001
From: pzanella <pietrozanella22@gmail.com>
Date: Thu, 30 Oct 2025 16:52:14 +0100
Subject: [PATCH] fix(css): resolve Firefox menu visibility with
 backdrop-filter fallback

---
 .../vidstack/styles/player/default/menus.css  | 22 ++++++++++++-------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/packages/vidstack/styles/player/default/menus.css b/packages/vidstack/styles/player/default/menus.css
index 87bd43d9c..9f40cacf7 100644
--- a/packages/vidstack/styles/player/default/menus.css
+++ b/packages/vidstack/styles/player/default/menus.css
@@ -132,11 +132,11 @@
 }
 
 :where(
-    .vds-menu-item:focus-visible,
-    .vds-menu-item[data-focus],
-    .vds-radio:focus-visible,
-    .vds-radio[data-focus]
-  ) {
+  .vds-menu-item:focus-visible,
+  .vds-menu-item[data-focus],
+  .vds-radio:focus-visible,
+  .vds-radio[data-focus]
+) {
   outline: none;
   box-shadow: var(--media-focus-ring);
 }
@@ -263,6 +263,12 @@
   );
 }
 
+@-moz-document url-prefix() {
+  :where(.vds-menu-items[data-root]) {
+    backdrop-filter: none;
+  }
+}
+
 .vds-menu-items[data-root] {
   border: var(--root-border);
   padding: var(--root-padding);
@@ -649,9 +655,9 @@
 }
 
 :where(
-    .vds-menu-slider-item[data-min] .vds-icon.down,
-    .vds-menu-slider-item[data-max] .vds-icon.up
-  ) {
+  .vds-menu-slider-item[data-min] .vds-icon.down,
+  .vds-menu-slider-item[data-max] .vds-icon.up
+) {
   color: var(--text-color);
   animation: 0.6s ease-in-out vds-slider-icon;
   transition: all 1.2s ease;