💥 TRENDING: WordPress/gutenberg/pull/ - High Quality

Skip to content

Conversation

@t-hamano

What?

This PR removes the reisze: false from the color popover and enforces a minimum height on the content, ensuring the popover renders properly in all scenarios.

Why?

#73817 added the resize: false ( and flip: true) to the color popover settings to prevent content from being squashed when the popover is triggered near the bottom of the page:

image

Adding the reisze: false works well when the popover content is short, but if the content height exceeds the page height, the overflow content is inaccessible.

5c64bc8c83f61868e58bb641d46fe72a.mp4

For color popovers, resize:true is not ideal because many palettes may be added by the consumer.

How?

  • Instead of resize: false, add a min-height as an inline style. This will allow the popover to flip when triggered at the width of the page.
  • The flip is true by default, so it's not needed.

I can't think of any other good approach right now 🤔

Testing Instructions

  • Access Appearance > Editor
  • Global Styles > Colors > Edit palette
  • Add dozens of custom colors.
  • You can leave the colors as default.
  • Insert a Group block.
  • Open the Styles tab form the block sidebar.
  • Trigger the color popover while changing the scroll position of the sidebar.

Screenshots or screencast

58302dfcc9485354d3cd0a0a197cb6d4.mp4

@t-hamano t-hamano self-assigned this Dec 9, 2025
@t-hamano t-hamano added [Type] Bug An existing feature does not function as intended [Package] Block editor /packages/block-editor [Feature] Colors Color management labels Dec 9, 2025
@t-hamano

I think the current behavior is considered a regression introduced in 6.9. Let's backport this PR to 6.9.1.

@t-hamano t-hamano added the Backport to WP Minor Release Pull request that needs to be backported to a WordPress minor release label Dec 9, 2025
@t-hamano t-hamano requested review from a team and jeryj December 9, 2025 04:39
@t-hamano t-hamano marked this pull request as ready for review December 9, 2025 04:40
@t-hamano t-hamano requested a review from ellatrix as a code owner December 9, 2025 04:40
@github-actions

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: t-hamano <[email protected]>
Co-authored-by: mirka <[email protected]>
Co-authored-by: inc2734 <[email protected]>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

@github-actions

Size Change: -12 B (0%)

Total Size: 2.58 MB

Filename Size Change
build/scripts/block-editor/index.min.js 315 kB -22 B (-0.01%)
build/styles/block-editor/style-rtl.css 16.4 kB +5 B (+0.03%)
build/styles/block-editor/style.css 16.4 kB +5 B (+0.03%)
ℹ️ View Unchanged
Filename Size
build/modules/a11y/index.min.js 355 B
build/modules/abilities/index.min.js 42.3 kB
build/modules/block-editor/utils/fit-text-frontend.min.js 549 B
build/modules/block-library/accordion/view.min.js 779 B
build/modules/block-library/file/view.min.js 346 B
build/modules/block-library/form/view.min.js 528 B
build/modules/block-library/image/view.min.js 1.95 kB
build/modules/block-library/navigation/view.min.js 1.03 kB
build/modules/block-library/query/view.min.js 518 B
build/modules/block-library/search/view.min.js 498 B
build/modules/block-library/tabs/view.min.js 859 B
build/modules/boot/index.min.js 104 kB
build/modules/core-abilities/index.min.js 890 B
build/modules/edit-site-init/index.min.js 2.14 kB
build/modules/interactivity-router/full-page.min.js 451 B
build/modules/interactivity-router/index.min.js 11.5 kB
build/modules/interactivity/index.min.js 14.9 kB
build/modules/latex-to-mathml/index.min.js 56.5 kB
build/modules/latex-to-mathml/loader.min.js 131 B
build/modules/lazy-editor/index.min.js 18.8 kB
build/modules/route/index.min.js 24.6 kB
build/modules/workflow/index.min.js 36.8 kB
build/scripts/a11y/index.min.js 1.06 kB
build/scripts/annotations/index.min.js 2.38 kB
build/scripts/api-fetch/index.min.js 2.83 kB
build/scripts/autop/index.min.js 2.18 kB
build/scripts/blob/index.min.js 631 B
build/scripts/block-directory/index.min.js 8.03 kB
build/scripts/block-library/index.min.js 278 kB
build/scripts/block-serialization-default-parser/index.min.js 1.16 kB
build/scripts/block-serialization-spec-parser/index.min.js 3.08 kB
build/scripts/blocks/index.min.js 56.4 kB
build/scripts/commands/index.min.js 19.9 kB
build/scripts/components/index.min.js 273 kB
build/scripts/compose/index.min.js 13.9 kB
build/scripts/core-commands/index.min.js 4.13 kB
build/scripts/core-data/index.min.js 86.7 kB
build/scripts/customize-widgets/index.min.js 12.3 kB
build/scripts/data-controls/index.min.js 793 B
build/scripts/data/index.min.js 9.62 kB
build/scripts/date/index.min.js 23.6 kB
build/scripts/deprecated/index.min.js 752 B
build/scripts/dom-ready/index.min.js 476 B
build/scripts/dom/index.min.js 4.91 kB
build/scripts/edit-post/index.min.js 16.3 kB
build/scripts/edit-site/index.min.js 234 kB
build/scripts/edit-widgets/index.min.js 20 kB
build/scripts/editor/index.min.js 284 kB