Sharing long strings of text without spaces (in titles) or URLs causes stretching of the notification window

Like the title says. Ver 2.4.1.

6 Likes

This is fair, @awesomerobot has some plans of doing some radical improvements to sizing on that dialog.

7 Likes

After testing plenty of things, the following addition in Common CSS provided a temporary fix.

.menu-panel .quick-access-panel ul {
    display: grid;
    word-break: break-all;
}

I’ve tried the longest of strings now and the box stays the same size and content doesn’t venture out.

Result:

6 Likes

I think this does not work on IE11 but we probably don’t care about this edge case here. @awesomerobot is this fix reasonable?

3 Likes

word-break: break-all causes all sorts of bad mid-word line-breaks. I think I can figure out a different simple fix that avoids this.

Screen Shot 2020-03-25 at 9.53.50 PM

7 Likes

Can’t believe I didn’t catch that. For me this is still better until a fix is in place, as on my instance, users share URLs in titles like crazy :smiley:

2 Likes

I just made a change that should handle this (and a related issue with search results)

6 Likes

Worked like a charm! Thank you @awesomerobot!

2 Likes