UI Bug: Long unbroken strings overflow container in Dashboard Activity widget

[ravikhadka]

When a post title or content contains a long, unbroken string of characters (e.g., a long URL or repeating text without spaces), it breaks out of the .activity-block container in the Dashboard Activity widget and overlaps adjacent layout elements. This issue affects both normal text (like post titles inside <a> tags) and preformatted text inside <pre> tags.

Steps to Reproduce:

Go to the WordPress admin dashboard.

Create a new post with a title or content consisting of a single, very long string of characters without spaces (e.g., typing hellohelo continuously for 100+ characters).

Publish the post.

Navigate to the main Dashboard screen and look at the "Activity" widget under the "Recently Published" section.

Observe the text overflowing the widget bounds and overlapping the adjacent column.

Expected Results: The long text string should wrap cleanly within the boundaries of the widget container.

Actual Results: The string overflows horizontally, breaking the UI layout. I have attached screenshots demonstrating the issue.

Proposed Patch:
I have tested the following CSS fix, which resolves the issue by forcing the text to wrap and ensuring the inline link elements respect the container's maximum width:

#dashboard_activity ul li,
#dashboard_activity ul li a {
    overflow-wrap: break-word; 
    word-wrap: break-word;      
    word-break: break-word;     
}

#dashboard_activity ul li a {
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
}

​Before:

​After:

[ravikhadka]

Before

[ravikhadka]

After

Fixes UI overflow issue in the Activity widget. See Trac #64827.
Props ravikhadka, wpsubmit

[huzaifaalmesbah]

I was able to reproduce the issue when using a very long unbroken string (100+ characters). In that case, the text overflows the Dashboard Activity widget and breaks the layout.

However, with normal words (with spaces), the text wraps correctly and the issue does not occur.

Requesting a 2nd opinion on whether this edge case with extremely long unbroken strings needs to be addressed, or if it is acceptable since normal content does not trigger the issue.

[Presskopp]

Duplicate of #36081.

Prevents long text in the Dashboard Activity widget from overflowing its container.

This adjusts the widget CSS so long, unbroken strings wrap correctly in activity items and links.

Testing:

1. Open the Dashboard Activity widget.
2. Check an item with long unbroken text.
3. Confirm the text wraps instead of overflowing.