Merge pull request #16932 from primefaces/issue-16893

Fixes #16526 & #16527 & #16893 | Splitter
primefaces · Dec 4, 2024 · f57d2d5 · f57d2d5
2 parents c71d8d4 + 2f6bc6d
commit f57d2d5
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/apps/showcase/doc/splitter/nesteddoc.ts b/apps/showcase/doc/splitter/nesteddoc.ts
@@ -8,7 +8,7 @@ import { Component } from '@angular/core';
             <p>Splitters can be combined to create advanced layouts.</p>
         </app-docsectiontext>
         <div class="card">
-            <p-splitter [style]="{ height: '300px' }" [panelSizes]="[20, 80]" styleClass="mb-8">
+            <p-splitter [style]="{ height: '300px' }" [panelSizes]="[20, 80]" [minSizes]="[10, 0]" styleClass="mb-8">
                 <ng-template pTemplate>
                     <div class="col flex items-center justify-center">Panel 1</div>
                 </ng-template>

diff --git a/packages/primeng/src/splitter/splitter.ts b/packages/primeng/src/splitter/splitter.ts
@@ -129,7 +129,7 @@ export class Splitter extends BaseComponent {
      * Minimum size of the elements relative to 100%.
      * @group Props
      */
-    @Input({ transform: numberAttribute }) minSizes: number[] = [];
+    @Input() minSizes: number[] = [];
     /**
      * Size of the elements relative to 100%.
      * @group Props

diff --git a/packages/primeng/src/splitter/style/splitterstyle.ts b/packages/primeng/src/splitter/style/splitterstyle.ts
@@ -73,6 +73,8 @@ const theme = ({ dt }) => `
 
 .p-splitterpanel-nested {
     display: flex;
+    flex-grow: 1;
+    justify-content: center;
 }
 
 .p-splitterpanel .p-splitter {