Skip to content

LinkControl UI goes off screen #42003

@javierarce

Description

@javierarce

Description

Because the LinkControl popover appears horizontally centered relative to the link it modifies, in some cases (like editing the first item of a Navigation block), the interface appears out of the screen, making it very difficult to use.

In cases like this, the LinkControl popover should appear left-centered under the link (or right-aligned, in case the user is editing a link that is next to the right border of the screen)

Step-by-step reproduction instructions

  1. Add a blank navigation menu on top of a template
  2. Add a link
  3. Without having the List view open, click on the link

Screenshots, screen recording, code snippet

LinkControl.navigation.block.mov

Environment info

  • WordPress 6.0, Gutenberg 13.5.1
  • Tested in Chrome, Firefox, and Safari for mac

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

Labels

[Block] NavigationAffects the Navigation Block[Feature] Link EditingLink components (LinkControl, URLInput) and integrations (RichText link formatting)[Type] BugAn existing feature does not function as intended

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions