Skip to content

Popovers and other UI should not appear on top of modal dialog overlays #55894

Open

Description

Description

Splitting this out from #55785

Difficult to say what package this issue is about. It's more about how some components are used in combination with particular user flows.

In all cases, when a modal dialog opens nothing else should visually appear on top of the modal dialog overlay.

This doesn't appear to be the case when a popover is open and then invoking a modal dialog via keyboard shortcuts.

Step-by-step reproduction instructions

  • Edit a post.
  • In the Post editor top bar, click the 'Tools' button.
  • The popover with the Select / Edit mods opens.
  • While the popover is still open, press Command+K.
  • The Command Center modal dialog opens.
  • Observe the Tools popover stays open and appears on top of the modal dialog overlay.
  • Screenshot:

Screenshot 2023-11-06 at 14 27 16

  • Repeat the steps above but this time open the Keyboard Shortcuts modal dialog by pressing Control+Option+H.
  • Observe the Tools popover stays open and appears on top of the modal dialog overlay.

Screenshot:

Screenshot 2023-11-06 at 14 27 00

Screenshots, screen recording, code snippet

No response

Environment info

No response

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    CSS StylingRelated to editor and front end styles, CSS-specific issues.Needs Design FeedbackNeeds general design feedback.[Focus] Accessibility (a11y)Changes that impact accessibility and need corresponding review (e.g. markup changes).[Package] Components/packages/components

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions