p-splitter: nested panels should have min-width: 0 to leverage flex-basis correctly #13323
Labels
Type: Enhancement
Issue contains an enhancement related to a specific component. Additional functionality has been add
Milestone
Describe the bug
If the content inside nested panels exceeds flex-basis value it won't leverage flex-basis correctly.
For example if I put some very wide p-table and set it scrollable it won't show the scrollbar and just cut the table.
Environment
Windows 11
Reproducer
No response
Angular version
14.2.12
PrimeNG version
14.2.3
Build / Runtime
Angular CLI App
Language
TypeScript
Node version (for AoT issues node --version)
18.3.0
Browser(s)
Chrome Version 114.0.5735.199 (Official Build) (64-bit)
Steps to reproduce the behavior
<p-splitter *ngIf="showLeftPanel; else noLeftPanel" [style]="{ 'height': '100%' }" [panelSizes]="[20, 80]"> <ng-template pTemplate> <div>Left Column </div> </ng-template> <ng-template pTemplate> <p-table> with many columns, scrollable </ng-template> </p-splitter>
Expected behavior
No response
The text was updated successfully, but these errors were encountered: