prevent jumping when select application (github#19789)

Sarah Edwards · web-flow · commit f710813a9221 · 2021-06-11T18:21:09.000Z
diff --git a/javascripts/display-tool-specific-content.js b/javascripts/display-tool-specific-content.js
@@ -1,4 +1,5 @@
 import Cookies from 'js-cookie'
+import { preserveAnchorNodePosition } from 'scroll-anchoring'
 
 import { sendEvent } from './events'
 
@@ -24,7 +25,9 @@ export default function displayToolSpecificContent () {
     link.addEventListener('click', (event) => {
       event.preventDefault()
       highlightTabForTool(event.target.dataset.tool)
-      showToolSpecificContent(event.target.dataset.tool, toolElements)
+      preserveAnchorNodePosition(document, () => {
+        showToolSpecificContent(event.target.dataset.tool, toolElements)
+      })
 
       // Save this preference as a cookie.
       Cookies.set('toolPreferred', event.target.dataset.tool, { sameSite: 'strict', secure: true })
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -78,6 +78,7 @@
     "remark-rehype": "^5.0.0",
     "revalidator": "^0.3.1",
     "rss-parser": "^3.12.0",
+    "scroll-anchoring": "^0.1.0",
     "search-with-your-keyboard": "1.1.0",
     "semver": "^7.3.5",
     "slash": "^3.0.0",
