Make WordPress Core

Opened 14 months ago

Closed 9 months ago

Last modified 5 weeks ago

#57404 closed enhancement (worksforme)

The modal box for editing a too long hyperlink is hidden

Reported by: mikulabc's profile mikulabc Owned by:
Milestone: Priority: normal
Severity: minor Version: 6.1.1
Component: Editor Keywords: move-to-github close
Focuses: ui, accessibility, css Cc:


What currently happens when someone highlights a too long URL:

In the current instance, the user is forced to scroll sideways, if someone has a mouse with a wheel, sideways scrolling is not possible out of the box, so a vertical scrolling would be preferred in any case.

What should happen for the user experience to be fluid is a box that displays the "Edit" icon on the right side directly without the need to scroll around:

Ideally, some css "max-width" might help

Change History (5)

#1 @sabernhardt
14 months ago

  • Keywords move-to-github close added

GB36961 addressed long URLs in the modal (.block-editor-link-control__search-item-info), but not when that URL is the visible link text (.block-editor-link-control__search-item-title).

Firefox/Windows wraps your example link, yet Chrome/Windows has the horizontal scrollbar.

Could you open an issue on the Gutenberg repository so it's fixed in the plugin first?

This ticket was mentioned in Slack in #accessibility by ryokuhi. View the logs.

14 months ago

#3 @sabernhardt
10 months ago

I mentioned this on GB36780 in case reopening that would be better than creating a new issue.

#4 @joedolson
9 months ago

  • Resolution set to fixed
  • Status changed from new to closed

The link editor in the block editor has been significantly redesigned since this ticket was raised, and both fields are now visible. This seems to have happened a couple of design versions back; I'm not really sure when. I'm closing this as fixed, but if anybody else knows when it was fixed, be my guest.

#5 @swissspidy
5 weeks ago

  • Milestone Awaiting Review deleted
  • Resolution changed from fixed to worksforme
Note: See TracTickets for help on using tickets.