search

tajo / ladle

🥄 Develop, test and document your React story components faster.
https://www.ladle.dev
MIT License
2.63k stars 93 forks source link

Story with z-index element overlaps with controls popup #454

Closed JoltCode closed 1 year ago

JoltCode commented 1 year ago

Describe the bug

If you set a z-index on an element within a story, and then click a button in the ladle header, an overlap is visible.

Reproduction

https://stackblitz.com/edit/ladle-jgjpzw?file=src%2Fbasic.stories.tsx,src%2Fcontrols.stories.tsx

1. Click controls button

2. Ensure preview is desktop

3. You will see an overlap

(You can also click any other button which opens a popup)

Environment

N/A

JoltCode commented 1 year ago

Appears related to https://github.com/tajo/ladle/issues/272, but a z-index hasn't been set on the actual popups.