Skip to content

DataViews: Moving the cursor out of the window shifts the popover layout and hides the toggle icon in the list view. #69570

@yogeshbhutkar

Description

@yogeshbhutkar

Description

When the cursor moves out of the browser window after opening the Action Menu in DataViews (List Layout), the Menu.Popover remains open, but the trigger button disappears, and the popover unexpectedly shifts to the right.

This bug can also be reproduced on WordPress 6.7.x.

This bug occurs in both Pages (Site Editor) and Templates (Site Editor) since both utilize DataViews' List Layout.

Expected Behavior:
The Menu should maintain consistent behavior when the cursor moves in and out of the window. Specifically:

  • The Trigger should remain visible when the Menu.Popover is expanded.
  • There should be no unexpected layout shifts.

This issue is particularly noticeable for users with dual/multiple displays.

Step-by-step reproduction instructions

  1. Navigate to Appearance -> Editor -> Pages.
  2. Make sure that the data is displayed in List Layout.
  3. Click the Actions button and open the menu.
  4. Move the cursor out of the window or to a different display.
  5. Confirm the disappearance of icons and layout shift of the menu.

Screenshots, screen recording, code snippet

Image

Environment info

  • WordPress Version: Trunk
  • Gutenberg Version: 1c698f8
  • OS: macOS Sequoia
  • Browser: Chrome, Firefox, Safari

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

Please confirm which theme type you used for testing.

  • Block
  • Classic
  • Hybrid (e.g. classic with theme.json)
  • Not sure

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions