daisyui icon indicating copy to clipboard operation
daisyui copied to clipboard

bug: v3 Table inside of Drawer overflows on mobile instead of scrolling

Open trentjones21 opened this issue 1 year ago โ€ข 0 comments

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

trentjones21 avatar Jun 04 '23 16:06 trentjones21