Just disable smooth scrolling across the board

Then rely on default behavior.
EnterpriseDB · Oct 11, 2023 · f5e0f27 · f5e0f27
1 parent 5dc76a6
commit f5e0f27
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 19 deletions.
diff --git a/gatsby-browser.js b/gatsby-browser.js
@@ -3,23 +3,6 @@ require("prismjs/plugins/command-line/prism-command-line.css");
 
 exports.onRouteUpdate = ({ location }) => scrollToAnchor(location);
 
-exports.shouldUpdateScroll = ({
-  prevRouterProps,
-  routerProps,
-  pathname,
-  getSavedScrollPosition,
-}) => {
-  let hashElem =
-    routerProps.location.hash &&
-    document.getElementById(routerProps.location.hash.substring(1));
-  // avoid obscure issue where scrolling to hash in gatsby-react-router-scroll slams to end of page if animated
-  if (hashElem) {
-    hashElem.scrollIntoView({ behavior: "instant" });
-    return false;
-  }
-  return true; // default
-};
-
 /**
  *
  * @desc - a function to jump to the correct scroll position

diff --git a/src/styles/_helpers.scss b/src/styles/_helpers.scss
@@ -123,8 +123,12 @@ svg {
 .arrow-list {
   list-style-type: "→";
 }
-html {
-  scroll-behavior: smooth;
+
+
+// force-disable this - it causes annoying jumps when navigating, and a bug w/ anchor links in Firefox
+$enable-smooth-scroll: false;
+:root {
+  scroll-behavior: auto !important;
 }
 
 /* fill colors */