[wp-trac] [WordPress Trac] #63260: Long user display names overflow in media modal (grid view)

[WordPress Trac]

#63260: Long user display names overflow in media modal (grid view)
----------------------------+-----------------------------
 Reporter:  sainathpoojary  |      Owner:  (none)
     Type:  defect (bug)    |     Status:  new
 Priority:  normal          |  Milestone:  Awaiting Review
Component:  Media           |    Version:  trunk
 Severity:  minor           |   Keywords:
  Focuses:  ui, css         |
----------------------------+-----------------------------
 When clicking on a media item in grid view in the Media Library, the edit
 modal opens. If the author of the media has a very long, unbroken display
 name (e.g., ThisDisplayNameIsUnreasonablyLongAndBreaksTheModalLayout), the
 name overflows its container in the modal.

 This affects the “Uploaded by” field, causing layout issues in the modal
 UI.

 Related to #63243

 === Steps to Reproduce:

 1. Create a user with a long, unbroken display name, e.g.:
    ThisDisplayNameIsUnreasonablyLongAndBreaksTheModalLayout
 2. Log in as that user.
 3. Go to "Users" → "Profile" and set "Display name publicly as" to the
 long name.
 4. Navigate to "Media" → "Library", switch to grid view.
 5. Upload a media file.
 6. Click on the uploaded media to open the edit modal.
 7. Observe that the "Uploaded by" field overflows or breaks the modal
 layout.

 === Environment
 - WordPress: 6.9-alpha-60093-src
 - PHP: 8.2.28
 - Server: nginx/1.27.4
 - Database: mysqli (Server: 8.4.4 / Client: mysqlnd 8.2.28)
 - Browser: Chrome 135.0.0.0
 - OS: macOS
 - Theme: Twenty Twenty-Five 1.1
 - MU Plugins: None activated
 - Plugins: Test Reports 1.2.0

 === Screenshot
 [[Image(https://rioudcpuyg.ufs.sh/f/PL8E4NiPUWyOpGA53OaQVMXblTwtAz0NaoWOrjEIdxin63gS)]]

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/63260>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform