From 751e5dc81c06cda01ac1acf0dca5db9718628f3a Mon Sep 17 00:00:00 2001 From: John Leider Date: Mon, 27 Apr 2026 13:21:54 -0500 Subject: [PATCH] refactor(SplitterPanel): replace overflow:hidden with min-size: 0 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The previous fix restored overflow:hidden to suppress the flex implied minimum size (CSS Flexbox §4.5) and close the layout feedback loop. That works, but bundles two effects in one declaration: structural (kill min-content sizing) and visual (clip overflow). Setting min-width: 0; min-height: 0 achieves the structural payload without clipping. Consumers retain the ability to render content that escapes the panel bounds (tooltips, focus rings, drop shadows) — the splitter math stays closed because flex no longer derives the panel's minimum size from its content. Verified on the playground: panels stable at 752/451/301px across a 5s observation window, identical to the overflow:hidden behavior. --- packages/0/src/components/Splitter/SplitterPanel.vue | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/0/src/components/Splitter/SplitterPanel.vue b/packages/0/src/components/Splitter/SplitterPanel.vue index 930902abb..8340acbb1 100644 --- a/packages/0/src/components/Splitter/SplitterPanel.vue +++ b/packages/0/src/components/Splitter/SplitterPanel.vue @@ -200,7 +200,8 @@ flexGrow: 0, flexShrink: 0, flexBasis: `${size}%`, - overflow: 'hidden', + minWidth: 0, + minHeight: 0, }]" >