Fix firefox CSS :has() bug

facebook · Nov 10, 2023 · 2da1606 · 2da1606
1 parent e494f16
commit 2da1606
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/packages/docusaurus-theme-classic/src/theme/Navbar/Search/styles.module.css b/packages/docusaurus-theme-classic/src/theme/Navbar/Search/styles.module.css
@@ -9,8 +9,15 @@
 Workaround to avoid rendering empty search container
 See https://github.com/facebook/docusaurus/pull/9385
 */
-.navbarSearchContainer:not(:has(> *)) {
-  display: none;
+/*
+TODO temporary @supports check, remove before 2025
+only needed for Firefox < 121
+see https://github.com/facebook/docusaurus/issues/9527#issuecomment-1805272379
+ */
+@supports selector(:has(*)) {
+  .navbarSearchContainer:not(:has(> *)) {
+    display: none;
+  }
 }
 
 @media (max-width: 996px) {