Vertical splitter with 2 datatable not working

primefaces / primereact

The Most Complete React UI Component Library

https://primereact.org

MIT License

7k stars 1.06k forks source link

Vertical splitter with 2 datatable not working #6498

Closed flash4174 closed 7 months ago

flash4174 commented 7 months ago

Describe the bug

Hi All,

I’ve found an issue, if I try to use vertical splitter with datatables it doesn’t work. It can’t resize the datatable. Is there any workaround there?

thanks

Reproducer

Https://stackblitz.com/edit/cb9wvd

PrimeReact version

10.6.3

React version

18.x

Language

ES6

Build / Runtime

Next.js

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

sja-cslab commented 7 months ago

Thats a problem with your DOM - the movement of the splitter uses flex-basis to change the size of the containers. Try adding overflow-auto to the SplitterPanel's and you'll see that it starts working.

melloware commented 7 months ago

@flash4174 working stack blitz based on @sja-cslab suggestion: https://stackblitz.com/edit/cb9wvd-tdkc4j