search

madeleine-patience / Considerate-Cat-Version-2-With-Next

Considerate Cat Version 2
https://conisderate-cat-version-2.vercel.app
2 stars 0 forks source link

Storybook display issue #32

Closed madeleine-patience closed 2 months ago

madeleine-patience commented 2 months ago

With Tarot dialog, for some reason in storybook the dialog has a small scroll bar. I can't figure out why.

I tried applying a decorator and adjusting the width of the page. Dialog is fine on site, not sure why storybook is displaying it weird.

image

arthvadrr commented 2 months ago

Looking into this

arthvadrr commented 2 months ago

This bug seems to only happen in certain browsers, such as Chrome (Blink rendering engine). There are conflicting rules preventing exact sizes from being rendered (related to gap and max-height) so the browser is attempting to fit the content, causing an overflow.

The best way to solve this would be to clean up the styles and remove any sizes that will conflict with the rendering engine.

I'll see if I can create a PR that addresses this issue.