Storybook: Storybook Server UI bottom pane renders BEHIND top pane

Created on 12 Apr 2019  路  4Comments  路  Source: storybookjs/storybook

When running the storybook serverUI (ReactNative project), the header, and content of the bottom pane (addons etc) is rendered behind the (transparent) story pane.

Expected that the bottom pane would have sole occupancy of the area below its draggable header.

Seen on Linux Chrome, and confirmed by @benoitdion
sb_serverUI

react-native-server bug ui

Most helpful comment

@shilman I didn't see the crna app in the examples-native folder before. I'm able to reproduce on that app. I will work on a fix.

All 4 comments

@stheobald @shilman @benoitdion I would like to work on this issue, but haven't been able to duplicate it. I created a react-native project, setup Storybook for react-native, installed some add-ons, and ran yarn storybook. Is there something I'm missing here?

@divbhasin Haven't repro'd myself yet, but from what I can tell from the screenshot the page is in its loading state. Is that what you're looking at?

@shilman I didn't see the crna app in the examples-native folder before. I'm able to reproduce on that app. I will work on a fix.

Yay!! I just released https://github.com/storybookjs/storybook/releases/tag/v5.1.0-rc.5 containing PR #6968 that references this issue. Upgrade today to try it out!

Because it's a pre-release you can find it on the @next NPM tag.

Closing this issue. Please re-open if you think there's still more to do.

Was this page helpful?
0 / 5 - 0 ratings