Fixed page scrolling up when switching color palettes in Firefox 117

squidfunk · Sep 2, 2023 · e79ffab · e79ffab
1 parent a6033d1
commit e79ffab
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 3 deletions.
diff --git a/material/assets/stylesheets/main.0e669242.min.css b/material/assets/stylesheets/main.0e669242.min.css
diff --git a/material/assets/stylesheets/main.0e669242.min.css.map b/material/assets/stylesheets/main.0e669242.min.css.map
diff --git a/material/assets/stylesheets/main.43b9b3ee.min.css b/material/assets/stylesheets/main.43b9b3ee.min.css
diff --git a/material/assets/stylesheets/main.43b9b3ee.min.css.map b/material/assets/stylesheets/main.43b9b3ee.min.css.map
diff --git a/material/base.html b/material/base.html
@@ -44,7 +44,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.0e669242.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.43b9b3ee.min.css' | url }}">
       {% if config.theme.palette %}
         {% set palette = config.theme.palette %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.85d0ee34.min.css' | url }}">

diff --git a/src/assets/stylesheets/main/components/_header.scss b/src/assets/stylesheets/main/components/_header.scss
@@ -240,6 +240,14 @@
         max-width 0ms,
         opacity   0ms;
     }
+
+    // Hack: Firefox 117 introduces a bug where the browser scrolls the page by
+    // a small amount to the top every time the header button is focused. After
+    // investigating, we're confident that it seems to be caused by the input
+    // field being too close to the border - see https://t.ly/APO8l
+    > input {
+      bottom: 0;
+    }
   }
 
   // Repository information container