daisyui
daisyui copied to clipboard
bug: v3 Table inside of Drawer overflows on mobile instead of scrolling
What version of daisyUI are you using?
v3.0.3
Describe your issue
When you put a table inside of an overflow-x-auto
div, it is supposed to allow the table to horizontally scroll. Example:
<div class='overflow-x-auto'>
<table class='table'>
...
</table>
</div>
Normally in v3, this behaves as expected. However, if you put the table inside of a drawer, horizontal scrolling doesn't work and instead it shrinks the entire page to fit or overflows to the right of the screen.
What browsers are you seeing the problem on?
Chrome
Reproduction URL (optional)
https://play.tailwindcss.com/8f7HDi414B?size=308x901