Skip to content

Width of long items affect other items on the Navigation editor screen #34036

@javierarce

Description

@javierarce

Is there an existing issue for this?

  • I have searched the existing issues

Have you tried deactivating all plugins except Gutenberg?

  • I have tested with all plugins deactivated.

Have you tried replicating the bug using a default theme e.g. Twenty Twenty?

  • I have tested with a default theme.

Description

If a user adds a long item, the width of the element affects the rest of the items.

Step-by-step reproduction instructions

  1. Go to the menu editor
  2. Add several items of different length

Expected Behavior

The surrounding box of each item should hug the element and not be dependent on other elements.

Current Behavior

The width of the longest item affects the rest.

Screenshots or screen recording (optional)

image

Screen.Recording.2021-07-21.at.12.mp4

Code snippet (optional)

No response

WordPress Information

WordPress version: 5.8

Gutenberg Information

Gutenberg version: 11.2.1

What browsers are you seeing the problem on?

Firefox, Chrome, Safari

Device Information

No response

Operating System Information

No response

Metadata

Metadata

Assignees

Labels

[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