[Bug] My Sites dashboard layout doesn't adapt to long site names

[ratul01047]

Problem: Site names that are longer than the fixed container width get truncated or cause layout issues in the My Sites dashboard.

Current Behavior: ​https://www.awesomescreenshot.com/image/55409211?key=e2878c76ab4d9779e9dc7a7ce348457a

Expected Behavior: Site containers should adapt to content width for better readability.

Proposed Solution: Add width: auto or similar responsive styling to site list items.

Core Ticket: https://core.trac.wordpress.org/ticket/63689

[immeet94]

Before:

[immeet94]

After:

[pmbaldha]

Test Report

Patch tested: ​https://patch-diff.githubusercontent.com/raw/WordPress/wordpress-develop/pull/9242.diff

Steps to Reproduce or Test

1. Create Multisite WordPress website.
2. Go to main site > Settings > General.
3. Fill the Site Title: waerwewegfnbhkmjhkhjknhbljhljhlkjhklhjlhjljhljhljhljhlkjhljhlkjhlkjhlkjhlkjhlkjlkjhlkjhlkjlkglghkjhgk and click on the "Save Changes" button.
4. Go to Dashboard > My Sites.
5. 🐞 The main site title is not rendered properly. Screenshot: ​https://nimb.ws/aVqHG8M

Expected Results

When testing a patch to validate it works as expected:

• ✅ The main site title is rendered properly. Screenshot: ​https://nimb.ws/G9b06lu

When reproducing a bug:

• 🐞 The main site title is not rendered properly. Screenshot: ​https://nimb.ws/aVqHG8M

Environment

• WordPress: 6.8.1
• PHP: 8.0.30-dev
• Server: PHP.wasm
• Database: WP_SQLite_Driver (Server: 5.5 / Client: 3.40.1)
• Browser: Chrome 138.0.0.0
• OS: Windows 10/11
• Theme: Twenty Twenty-Five 1.2
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.0

Actual Results

When reproducing a bug/defect:

• 🐞 Error condition occurs.

When testing the bugfix patch:

• ✅ Issue resolved with patch.

[sabernhardt]

This calls attention to a few things about the list on the My Sites page:

1. @ratul01047's image shows a single narrow container for a network of one site (using the subdomain as its Site Title). [33072] made columns responsive, but it set width percentages for up to six columns without checking if the user's total is fewer than that.
2. PR 9242 adds CSS to break long words onto multiple lines if necessary. That works, yet reusing the word-wrap-break-word class on the ul (or the individual li elements) would achieve the same goal.
   <ul class="my-sites striped word-wrap-break-word">
3. The My Sites page has h3 headings that skip the h2 level. Both elements are styled the same, so the headings could be changed to h2 rather easily.
4. Further outside the original scope of this ticket, any Global Settings content outputs inside the ul without its own li. This was a table row with two columns before [33072], so the content might not belong inside the list. I did not find any ​examples of the filter using the 'global' context.