Skip to content

Popover component overlay not fully visible in Customizer #43678

@JoryHogeveen

Description

@JoryHogeveen

Description

Related: #41739

The issue here is that in previous versions (current WP included version) the popover component was positioned fixed and with the latest Gutenberg updates it changes to absolute because the is_expanded class never gets added. I believe this might be the cause here. The popover to respect overflow and other containers to stay within their boundaries.

The issue started since this commit: 8b14921#diff-7895f8092f907d624abdbe647e2201f1cebe9198cd3fae6ba759b70a4c0bfef4

As you can see in /packages/components/src/popover/style.scss it removed the fixed position from the .components-popover element.
It adds this in the &.is-expanded version though this class never gets added unfortunately.

Step-by-step reproduction instructions

Create a popover color picker within the customizer. The color picker is partially hidden.

Screenshots, screen recording, code snippet

image

Environment info

  • WordPress 6.1 alpha (also with previous releases
  • Any browser
  • Gutenberg v13.x

The screenshot example is made with the GeneratePress theme but any theme which includes a popover color picker will do fine to reproduce.

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Feature] Widgets CustomizerAbility to add and edit blocks in Customize → Widgets.[Type] BugAn existing feature does not function as intended

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions