Preview component hidden content obscured (Firefox)

[m7kvqbe1]

Describe the bug

Storybook Docs Stories in Firefox obscures hidden content (such as a Context Menu or Date Picker component sheet).

Appears to be working as expected in Chrome.

To Reproduce

Check any component story that has a floating sheet:

System

Environment Info:

  System:
    OS: macOS 12.0.1
    CPU: (10) arm64 Apple M1 Pro
  Binaries:
    Node: 16.13.0 - ~/.nvm/versions/node/v16.13.0/bin/node
    Yarn: 1.22.17 - ~/.nvm/versions/node/v16.13.0/bin/yarn
    npm: 8.1.2 - ~/.nvm/versions/node/v16.13.0/bin/npm
  Browsers:
    Chrome: 95.0.4638.69
    Firefox: 94.0.1
    Safari: 15.1

Additional context

#8928

We are currently hacking around this with style overides within preview-head.html:

#docs-root .docs-story {
  overflow: visible;
}

#docs-root .docs-story > div:last-child {
  bottom: 10px;
}

#docs-root .docs-story > div:first-child > div:first-child {
  transform: none;
  height: auto;
}

[shilman]

@yannbf didn't you mention a workaround for this that's only a configuration change?

[yannbf]

@yannbf didn't you mention a workaround for this that's only a configuration change?

If the user wants to force any height of the container, they could do so by opting out of inline rendering with:

parameters: {
  docs: { iframeHeight: 500 } // or any amount
}

I think this is a tricky situation, because.. in this scenario, what would be the ideal solution?

1 - The story container changes in height once hidden component is shown
2 - The story container has to have previously defined height and load in an iframe so everything is contained
3 - The story container allows elements to pop out of it (like date pickers), so that they float outside of the container
4 - Something else

[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!

[shilman]

We’re cleaning house! Storybook has changed a lot since this issue was created and we don’t know if it’s still valid. Please open a new issue referencing this one if:

• this is still a problem in SB 7.x
• you can provide a consistent reproduction in 7.x (at https://storybook.new/ or per repro docs).