[wp-trac] [WordPress Trac] #63607: Long display name breaks admin bar layout on frontend and backend at smaller screen sizes

[WordPress Trac]

#63607: Long display name breaks admin bar layout on frontend and backend at
smaller screen sizes
-------------------------------------+-------------------------------------
 Reporter:  dvpatel                  |       Owner:  (none)
     Type:  defect (bug)             |      Status:  new
 Priority:  normal                   |   Milestone:  Awaiting Review
Component:  Toolbar                  |     Version:
 Severity:  normal                   |  Resolution:
 Keywords:  2nd-opinion needs-patch  |     Focuses:  ui, css,
  has-screenshots                    |  administration
-------------------------------------+-------------------------------------

Comment (by rollybueno):

 == Reproduction Report
 === Description
 This report validates whether the issue can be reproduced.

 === Environment
 - WordPress: 6.9-alpha-60093-src
 - PHP: 8.2.28
 - Server: nginx/1.27.5
 - Database: mysqli (Server: 8.4.5 / Client: mysqlnd 8.2.28)
 - Browser: Chrome 137.0.0.0
 - OS: Linux
 - Theme: Twenty Twenty-Five 1.2
 - MU Plugins: None activated
 - Plugins:
   * Test Reports 1.2.0

 === Actual Results
 1. ✅ Error condition occurs (reproduced).

 === Additional Notes
 - Issue reproduces when `display_name` is 240 characters long.
 - Used this exact test string for `display_name`:
 {{{
 Lorem Ipsum is simply dummy text of the printing and typesetting industry
 Lorem Ipsum is simply dummy text of the printing and typesetting industry
 Lorem Ipsum is simply dummy text of the printing and typesetting industry
 Lorem Ipsum is sim
 }}}

 - You may use WP-CLI to quickly apply the `display_name` to an existing
 user:
 {{{
 npm run env:cli -- user update 2 --display_name="Lorem Ipsum is simply
 dummy text of the printing and typesetting industry Lorem Ipsum is simply
 dummy text of the printing and typesetting industry Lorem Ipsum is simply
 dummy text of the printing and typesetting industry Lorem Ipsum is sim"
 }}}

 - ⚠️ Make sure `2` refers to a valid test user ID in your local
 environment.
 - Tested using Chrome DevTools screen size emulator.
 - Also verified on physical screen resolutions downgraded to 1920×1080 and
 1440p.

 === Supplemental Artifacts
 ✅ **1920**
 [[Image(https://i.imgur.com/Xdm9YWy.png)]]

 ✅ **1440**
 [[Image(https://i.imgur.com/WFkgRNA.png)]]

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/63607#comment:6>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform