From c7c7b470d3b3a13a503b170704f035cdb796de0e Mon Sep 17 00:00:00 2001 From: Aki Hamano Date: Tue, 9 Dec 2025 13:19:26 +0900 Subject: [PATCH 1/2] Color Panel: Ensure minimum height for popover content --- .../src/components/global-styles/color-panel.js | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/packages/block-editor/src/components/global-styles/color-panel.js b/packages/block-editor/src/components/global-styles/color-panel.js index e7adbb1732f581..4b74153cab5987 100644 --- a/packages/block-editor/src/components/global-styles/color-panel.js +++ b/packages/block-editor/src/components/global-styles/color-panel.js @@ -157,8 +157,12 @@ const popoverProps = { placement: 'left-start', offset: 36, shift: true, - flip: true, - resize: false, + style: { + // Set minimum height to prevent content from being squashed when + // the popover is triggered near the bottom of the page, and flip + // the position accordingly. + minHeight: '160px', + }, }; const { Tabs } = unlock( componentsPrivateApis ); From e715d0ce288a43913af7d4da15d84464880c29eb Mon Sep 17 00:00:00 2001 From: Aki Hamano Date: Thu, 11 Dec 2025 18:09:55 +0900 Subject: [PATCH 2/2] Put min-height in stylesheet --- .../block-editor/src/components/colors-gradients/style.scss | 5 +++++ .../src/components/global-styles/color-panel.js | 6 ------ 2 files changed, 5 insertions(+), 6 deletions(-) diff --git a/packages/block-editor/src/components/colors-gradients/style.scss b/packages/block-editor/src/components/colors-gradients/style.scss index b8143d16e61244..43f076345ac58b 100644 --- a/packages/block-editor/src/components/colors-gradients/style.scss +++ b/packages/block-editor/src/components/colors-gradients/style.scss @@ -49,6 +49,11 @@ $swatch-gap: 12px; } .block-editor-panel-color-gradient-settings__dropdown-content { + // Set minimum height to prevent content from being squashed when + // the popover is triggered near the bottom of the page, and flip + // the position accordingly. + min-height: 160px; + .block-editor-color-gradient-control__panel { $panelPadding: $grid-unit-20; diff --git a/packages/block-editor/src/components/global-styles/color-panel.js b/packages/block-editor/src/components/global-styles/color-panel.js index 4b74153cab5987..eaf0447c10491d 100644 --- a/packages/block-editor/src/components/global-styles/color-panel.js +++ b/packages/block-editor/src/components/global-styles/color-panel.js @@ -157,12 +157,6 @@ const popoverProps = { placement: 'left-start', offset: 36, shift: true, - style: { - // Set minimum height to prevent content from being squashed when - // the popover is triggered near the bottom of the page, and flip - // the position accordingly. - minHeight: '160px', - }, }; const { Tabs } = unlock( componentsPrivateApis );