Addon-docs: Fix story scroll-to heuristics (#8629)

Addon-docs: Fix story scroll-to heuristics
storybookjs · Oct 30, 2019 · 536a0bd · 536a0bd · vercel · Oct 30, 2019
2 parents 2694435 + 0cc8fd3
commit 536a0bd
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/addons/docs/src/blocks/DocsContainer.tsx b/addons/docs/src/blocks/DocsContainer.tsx
@@ -54,9 +54,14 @@ export const DocsContainer: FunctionComponent<DocsContainerProps> = ({ context,
       element = document.getElementById(storyBlockIdFromId(storyId));
     }
     if (element) {
+      const allStories = element.parentElement.querySelectorAll('[id|="anchor-"]');
+      let block = 'start';
+      if (allStories && allStories[0] === element) {
+        block = 'end'; // first story should be shown with the intro content above
+      }
       element.scrollIntoView({
         behavior: 'smooth',
-        block: 'end',
+        block,
         inline: 'nearest',
       });
     }

diff --git a/lib/core/src/client/preview/start.js b/lib/core/src/client/preview/start.js
@@ -272,7 +272,7 @@ export default function start(render, { decorateStory } = {}) {
     previousViewMode = viewMode;
     previousId = id;
 
-    if (!forceRender) {
+    if (!forceRender && viewMode !== 'docs') {
       document.documentElement.scrollTop = 0;
     }
   };