Media uploader error notice: Missing line break

[kharisblank]

This styling issue appears only in media uploader popup. [Screen recording ​https://cloudup.com/cP_trjcTLKY]

This bug doesn't occur in "Upload New Media" screen (under /wp-admin > Media > Add New). Ref:

Steps to reproduce the issue

1. Disable media upload by assigning not-writable permissions to the upload directory
2. Create an image/media file with longer name, e.g.: 480071194_18488060998058819_8111621425497874072_n.jpeg
3. Login to your site with any role that allows post editing
4. Upload the image to your new/existing post via "Set featured image" button that appears in the top right side of post editor sidebar

This PR resolves an issue where long filenames in the media uploader popup would overflow. By adding word-break: break-all;to the .upload-error-filename class, filenames will now properly break into multiple lines to avoid UI issues.

Trac ticket:#62980

[audrasjb]

Before patch

[audrasjb]

After patch

[audrasjb]

Thanks for the PR. We're good to go.

[audrasjb]

In 59834:

Uploads: Fix media uploader styling issue for long filenames.

This changeset resolves an issue where long filenames in the media uploader modal would overflow their container. By adding word-break: break-all; to the .upload-error-filename class, filenames now properly break into multiple lines.

Props kharisblank, audrasjb, sainathpoojary.
Fixes #62980.

committed in https://core.trac.wordpress.org/changeset/59834

[sabernhardt]

This is already committed, and break-all works, but the error message could have reused a common class for break-word (available since [53777]):

<span class="upload-error-filename word-wrap-break-word">{{{ data.filename }}}</span>

[audrasjb]

Oh I totally forgot that class. I'll add a follow-up commit then, thank you @sabernhardt!

[audrasjb]

In 59835:

Uploads: Use the word-wrap-break-word instead of specific CSS on .upload-error-filename.

This changeset replaces the word-break: break-all CSS declaration added to the .upload-error-filename element with the common class word-wrap-break-word, for better maintainability.

Follow-up to [59834].

Props sabernhardt.
Fixes #62980.