I have a layout based on Flexbox.The grow class sets the element size used to place the dynamic content.Now my content is one big table. I want to make it scrollable (horizontally), but it is not possible to consider a fixed size for its parent (because its size is set by grow)
Simple representation of the structure:
<!-- Layout --><div class="flex"><!-- Sidebar menu --><div class="w-xx"> ...</div><!-- main --><div class="grow h-full"><!-- this element should be scrollable --><div> ... Big Table ...</div></div></div>The problem is that instead of being scrollable, the main element changes size and goes out of the window.
I tried using JavaScript, but I didn't find any solution.