Media Replace: Long media url is overlapping edit icon and cause potential horizontal scrollbar

[DamChtlv]

Description

Issue

It's difficult to edit media url that are too long (because the url overlap the edit icon)

Code

It seems to be caused by:

gutenberg/packages/block-editor/src/components/media-replace-flow/style.scss

Lines 37 to 41 in 99efe85

	.block-editor-link-control__search-item-title,
	.block-editor-link-control__search-item-info {
	max-width: 200px;
	white-space: nowrap;
	}

Fix

I propose as a fix to use text overflow ellipsis:

Step-by-step reproduction instructions

1. Go in the editor (in any context: page edition, template edition...)
2. Add any media block (ex: image, video...)
3. Click on the media block
4. Click on "Insert a url" inside this block
5. Add a long url and save
6. Click on the video block and click on "Replace" in the toolbar
7. Edit link icon is overlapped by the media url, and it can also cause really long horizontal scroll

Screenshots, screen recording, code snippet

Screenshots

Environment info

WordPress version 6.4.3

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

[DamChtlv]

Added fix in PR: #59808

[t-hamano]

Thanks for the report.

What URL did you enter? Normally, the URL should be shortened as shown below.

[ramonjd]

Maybe it's been fixed since #57775 ?

[DamChtlv]

@t-hamano I have used url without file extension at the end (some CDN or other services have that kind of urls)

[torounit]

@DamChtlv

I was able to reproduce this issue in WordPress 6.4.3, but it appears to have been fixed by #57775.

Tested URL: https://picsum.photos/id/870/200/300?grayscale&blur=2

[github-actions]

Help us move this issue forward. This issue is being marked stale since it has no activity after 15 days of requesting more information. Please add info requested so we can help move the issue forward. Note: The triage policy is to close stale issues that need more info and no response after 2 weeks.

[DamChtlv]

Can confirm it has been fixed as of WP 6.5