Scrollbars always appear in the story iframe

[danielschwartz85]

Hi
The main story iframe is now always with scrollbars
Introduced in @storybook/react@2.1.10
We use this iframe to visual test the components, this creates false negative test images for the component screen.

To Reproduce
Steps to reproduce the behavior:

1. install and run SB with the basic example

Expected behavior
Small components would not be in such a big div.

Screenshots

Additional context
Note that SB beta still has this issue but only with vertical scroll.
Thanks.

[shilman]

Closing this as a duplicate of #7646

Let me know if you think it's something else

[quentind]

@shilman Thanks for looking into this. I'm experiencing the same issue on 5.1.10 and I don't think it is the same problem as the one referenced in #7646 which pertain to the height of the preview area.

This issue is related to the viewport having unwanted scrollbars due to whitespace/margin on the body, which is a regression compared to live demo running on 5.1.3.

I've submitted a pull request which solves this issue.

Thanks!

[shilman]

Great Caesar's ghost!! I just released https://github.com/storybookjs/storybook/releases/tag/v5.2.0-beta.29 containing PR #7750 that references this issue. Upgrade today to try it out!

You can find this prerelease on the @next NPM tag.

[shilman]

Huzzah!! I just released https://github.com/storybookjs/storybook/releases/tag/v5.1.11 containing PR #7750 that references this issue. Upgrade today to try it out!

[shilman]

ZOMG!! I just released https://github.com/storybookjs/storybook/releases/tag/v5.3.0-alpha.3 containing PR #7742 that references this issue. Upgrade today to try it out!

You can find this prerelease on the @next NPM tag.