Long first/last names without spaces break mobile view layout

[sukhendu2002]

When a user has a long first name or last name without spaces, the layout in the mobile view of the WordPress site breaks.

Steps to Reproduce:

• Navigate to Users > Add New in WordPress admin
• Create a new user with a very long first name or last name without spaces
• View in mobile layout

Fixed the issue where long first/last names without spaces broke the mobile layout by overflowing their containers.

Trac ticket: https://core.trac.wordpress.org/ticket/62513

[abcd95]

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 -

[im3dabasia1]

Reproduction Report

Description

This report validates whether the issue can be reproduced.
There is overflow of the text if the first name is long as suggested by @sukhendu2002

Environment

• WordPress: 6.8-alpha-59274-src
• PHP: 8.2.25
• Server: nginx/1.27.2
• Database: mysqli (Server: 8.0.40 / Client: mysqlnd 8.2.25)
• Browser: Chrome 129.0.0.0
• OS: macOS
• Theme: Twenty Twenty-Five 1.0
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.0

Actual Results

1. ✅ Error condition occurs (reproduced).

Additional Notes

• Any additional details worth mentioning.

Supplemental Artifacts

​https://postimg.cc/ZvH7H6HT
​https://postimg.cc/bZwJm8y8

[im3dabasia1]

Test Report

Description

This report validates whether the indicated patch works as expected.

Patch tested: ​https://github.com/WordPress/wordpress-develop/pull/7867.diff

Environment

• WordPress: 6.8-alpha-59274-src
• PHP: 8.2.25
• Server: nginx/1.27.2
• Database: mysqli (Server: 8.0.40 / Client: mysqlnd 8.2.25)
• Browser: Chrome 129.0.0.0
• OS: macOS
• Theme: Twenty Twenty-Five 1.0
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.0

Actual Results

1. ✅ Issue resolved with patch.

Supplemental Artifacts

​https://postimg.cc/N9cQcYVL
​https://postimg.cc/JD5M7vVx