Scenario :
- Utilizing leaflet and React-table together in one component.
- Two divs stacked vertically - one containing a leaflet map and the other a react-table.
- The second div has Expansion Panels with react-table inside.
Issue :
- Problem arises when expanding the panel, causing it to exceed 100% of parent height.
Desired behavior is for the first div to shrink to 60% and the second div to 40% upon panel expansion.
Issue https://i.sstatic.net/QPgTi.gif Expected Output - reference image https://i.sstatic.net/uPCLV.png View Running Code - Editor