Storybook appears to think entire viewport (including frame) is bigger than it is.

[estaub]

Bug summary

The entire Storybook page extends both below and to the right of the viewport; 36 pixels horizontally and about the same vertically (maybe a bit less).

FWIW, this cost me hours before it dawned on me that no amount of box-sizing or other CSS voodoo in my code was going to keep my 100% elements from being too big!

There are a few other similarly-worded issues posted that appear to actually be different. For clarity, here are screenshots of the origin and the fully-scrolled configuration. The entire browser window is shown. The problem happens at larger window sizes also, I just used a small one for the screenshots.

Unscrolled:

Fully scrolled, both x and y:

Steps to reproduce

mkdir test
cd test
npm i -g @storybook/cli
cd my-react-app
getstorybook
yarn run storybook

Environment:

Latest storybook/react 3.4.0 on
Latest Chrome 65.0.3325.181 on
Latest MacOS High Sierra 10.13.3.

[Hypnosphi]

Does this issue reproduce for you on our live exaples page?
Can you please try to open it in incognito mode, so that no browser extensions would interfere with it?

[estaub]

No, sorry, I can't reproduce it at all now!
I did Quit out of Chrome yesterday and was able to reproduce it after restart.
I also checked other applications to see if they appeared to have a similar issue, and they did not.

This probably makes sense to close, but I'll leave it to you in case there's some reason you think Storybook is likely to be more than an ordinary victim.

[stale]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!