[wp-trac] [WordPress Trac] #63243: Long user display names overflow container on Edit Media screen

[WordPress Trac]

#63243: Long user display names overflow container on Edit Media screen
----------------------------+-----------------------------
 Reporter:  sainathpoojary  |      Owner:  (none)
     Type:  defect (bug)    |     Status:  new
 Priority:  normal          |  Milestone:  Awaiting Review
Component:  Administration  |    Version:  trunk
 Severity:  minor           |   Keywords:
  Focuses:  ui, css         |
----------------------------+-----------------------------
 When a user has a very long display name with no spaces (e.g.
 ThisIsAReallyLongDisplayNameWithNoBreaksWhatsoever), it causes layout
 overflow on the Edit Media screen (wp-admin/post.php?post=ID&action=edit
 for media attachments).

 === Steps to Reproduce
 1. Create a user with a very long display name (no spaces or breakable
 characters), e.g.:
    ThisDisplayNameIsUnreasonablyLongAndBreaksTheLayoutOfEditMediaScreen
 2. Set "Display name publicly as" to the long name.
 3. Log in as that user.
 4. Navigate to "Media" → "Add New" and upload a media file.
 5. Click "Edit" on the uploaded media item to open the Edit Media screen.
 6. Observe that the "Uploaded by" field overflows or breaks the layout due
 to the long display name.

 === 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/PL8E4NiPUWyO7zjhzy9AWOSNT8iuxYqzcvCVIEKbQmF3njPo)]]

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