bug: tables are not responsive when using drawer

[durosly]

What version of daisyUI are you using?

3.1.9

Describe your issue

Tables are not responsive with the overflow-x-auto container. When I changed the drawer display from grid to block, it worked just fine

What browsers are you seeing the problem on?

I tried it on both google chrome and Firefox. Same issue

Reproduction URL

No response

[0xChupaCabra]

I have the same problem using latest daisyUI version, as a temporary solution you can add overflow-x-auto to drawer-content.
Source #1914

[durosly]

That would add a scroll-bar to the drawer-content

[timB73]

When I do overflow-x-auto on drawer-content it doesn't seem to have any effect, the scrollbar is still across the entire page, not just drawer-content. It seems the issue is with the way the grid is setup, the only way I could get it to work was to do (320px is the sidebar width):

  .drawer {
    grid-template-columns: 0px 100%;
  }

  .drawer-open {
    grid-template-columns: 320px calc(100% - 320px);
  }