question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Viewport fix in 5.1.10 causes the original bug

See original GitHub issue

Our project hasn’t had any trouble up to this point - for us, the fix in #7173 is now causing the problem it’s meant to solve. I updated Storybook this morning and got:

http://imgur.com/9ziWTOVl.png

  • Reverting the CSS to height: 100% puts things back to normal.
  • We are not using addon-backgrounds, if that helps.
  • We don’t have much going on for addons that might be conflicting:
    import 'storybook-addon-interaction/register';
    import '@storybook/addon-knobs/register';
    import '@storybook/addon-viewport/register';
    import 'storybook-addon-intl/register';
    
  • Our DOM looks like: http://i.imgur.com/FSQCHBQ.png
  • Seeing this on Firefox 68.0.1 and Chrome 75.0.3770.142, both running on Ubuntu 18.04. My apologies for not having more system information; npx throws an error that I haven’t been able to resolve:
    npx -p @storybook-cli@next sb info
    > Error: Invalid package name "@storybook-cli": name can only contain URL-friendly characters
    

Cheers.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:6 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
autarccommented, Aug 1, 2019

Yeah I’m going to check it the next days!

@jalovatt Didn’t face that issue before but sorry for the inconvenience.

0reactions
ndelangencommented, Aug 30, 2019

This should be fixed in 5.2-rc.0

Read more comments on GitHub >

github_iconTop Results From Across the Web

[meta] Make viewport handling consistent with other browsers
Bugs related to the top level presentation objects (pres shell, pres context, and document viewer), the frame constructor, and the base frame classes,...
Read more >
how to fix Viewport issue when going from landscape to portrait
When i run my page on an iOS 5.1.1 it displays properly, so it might be a new version of the viewport bug...
Read more >
UE5 viewport lag and very low FPS. : r/unrealengine - Reddit
The viewport lags too much and only getting 5 -10 FPS. Tried disabling lumen, nanite, changing anti aliasing method, shadow map method but ......
Read more >
Add to viewport does not work - Unreal Engine Forums
The UI is being created and is not being attached. The bad news is that there's basically no workaround for this unless I...
Read more >
CSS fix for 100vh in mobile WebKit - Matt Smith
TIL a #CSS trick to handle that annoying mobile viewport bug with `100vh` in WebKit (iOS Safari)! #WebDev #ProTip.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found