[wp-trac] [WordPress Trac] #62513: Long first/last names without spaces break mobile view layout

WordPress Trac noreply at wordpress.org
Fri Nov 22 08:14:46 UTC 2024


#62513: Long first/last names without spaces break mobile view layout
-------------------------------------------------+-------------------------
 Reporter:  sukhendu2002                         |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  new
 Priority:  normal                               |   Milestone:  Awaiting
                                                 |  Review
Component:  Users                                |     Version:
 Severity:  minor                                |  Resolution:
 Keywords:  has-screenshots has-patch has-       |     Focuses:  ui, css
  testing-info                                   |
-------------------------------------------------+-------------------------
Changes (by abcd95):

 * keywords:  has-screenshots has-patch => has-screenshots has-patch has-
     testing-info


Comment:

 Hey @sukhendu2002, Thanks for raising this.

 I can confirm the reproduction of this layout issue. Here's the detailed
 report:

 == Reproduction Report
 === Description
 The mobile view layout breaks when user names contain long strings without
 spaces. The text overflows its container and creates horizontal scrolling
 issues.

 === Environment
 - WordPress: 6.7.1
 - PHP: 8.1
 - Server: nginx/1.27.2
 - Database: mysqli (Server: 8.0.40 / Client: mysqlnd 8.2.25)
 - Browser: Chrome 131.0.0.0
 - OS: macOS
 - Theme: Twenty Twenty-Five 1.0

 === Steps to Reproduce
 1. Navigate to Users > Add New
 2. Create user with:
   - First Name:
 LoremIpsumLoremIpsumLoremIpsumLoremIpsumLoremIpsumLoremIpsumLoremIpsum
   - Last Name:
 LoremIpsumLoremIpsumLoremIpsumLoremIpsumLoremIpsumLoremIpsumLoremIpsum
 3. View profile page in mobile viewport (375px width)

 === Actual Results
 ✅ Layout breaks in mobile view

 === Supplemental Artifacts

 Screenshot - [[Image(https://postimg.cc/gx50NyFY)]]

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


More information about the wp-trac mailing list