A really long title is breaking the layout with the default themes

[metodiew]

While I was working on #36081 I've noticed an issue with all default themes, besides Twenty Twelve and Twenty Sixteen.

I know it's a super edge case and having a title this long probably won't happen, but this is an issue with a quick fix.

We can add word-wrap: break; to the wrapper container, which should fix most of the problems with a really long word.

I'll work on a patch, but in the meanwhile a second opinion, a related ticket or whatever would be useful is more than welcome!

[metodiew]

Twenty Ten

[metodiew]

Twenty Thirteen

[metodiew]

Twenty Fourteen

[metodiew]

Twenty Fifteen

[metodiew]

Twenty Sixteen - we have no issue here

[metodiew]

That's the initial version of the patch, but I'm not 100% sure if those general rules are placed properly

[metodiew]

Attached an updated version of the patch, created from a clear trunk copy

[SergeyBiryukov]

Related: #25008, #25232, #29971, #36346.

[karmatosed]

As chatted about at WCEU contribution day, @metodiew is going to do some work on this and see if he can find a happy medium between devices, browsers and a solution.

[ctienshi]

let me work on a patch

[metodiew]

hey @karmatosed thanks for the quick response!

I searched for other possible solutions and also I've checked the support for word-wrap here ​http://caniuse.com/#search=word-wrap

Based on my experience this is the best possible solution that works everywhere.

I agree that we have to cover as much as we can, but to be honest I prefer to fix the issue for the vast majority or the users and fix the edge cases later than having this issue with our bundled themes.

@ctienshi have you checked the attached patch 37176.2.diff? Is it working for you?

[ctienshi]

@metodiew Yes the patch worked for me. Thanks

[SergeyBiryukov]

Hi @metodiew, thanks for the patch! Sorry it took so long for someone to get back to you.

I'm going to close this in favor of #36346 and related tickets, which appear to have more traction:

#46669

Twenty Ten: Long non-breaking text strings can cause horizontal scrolling

#46674

Twenty Eleven: Long non-breaking text strings can cause horizontal scrolling

#46676

Twenty Twelve: Long non-breaking text strings can cause horizontal scrolling

#46695

Twenty Thirteen: Long non-breaking text strings can cause horizontal scrolling

#46696

Twenty Fourteen: Long non-breaking text strings can cause horizontal scrolling

#46697

Twenty Fifteen: Long non-breaking text strings can cause horizontal scrolling

#46700

Twenty Sixteen: Long non-breaking text strings can cause horizontal scrolling

#46703

Twenty Seventeen: Long non-breaking text strings can cause horizontal scrolling

#46704

Twenty Nineteen: Long non-breaking text strings can cause horizontal scrolling

If there's something here not covered in those tickets, please feel free to reopen.

[metodiew]

Thanks for the update, @SergeyBiryukov! Let me know if there is anything I can help with https://core.trac.wordpress.org/ticket/36346, so we can move forward! :)