Article text can overflow page on mobile viewports

No word is generally larger than the size allowed by the input body filed. The longest word in English is pneumonoultramicroscopicsilicovolcanoconiosis which fits just fine. Still, this can be fixed if there exists any case in which we need to enter a single word larger than the permitted size.

What should happen instead? What are you proposing as a solution?

Here if we enter word larger in size UI should not break as shown in articleissue.png

Here if we enter word larger in size UI should not break as shown in articleissue.png

Please can you explain what is broken in that layout? Perhaps a screenshot simulating you suggested solution would assist in understanding this bug report.

I think this is referencing Olivero theme.

While the example provided here isn't valid, it does highlight a problem that could be experienced with very long words on the mobile layout. For example, if we add a very long german word, we can experience the overflow issue identified here.

By adding the hyphens: auto; CSS rule, we can get that word to break in a language specific way.

Language support depends on browser implementation, which is poor according to MDN, but that information appears to be out-of-date

Please review the patch

Fixed failures in #9.

Fixed up the issue summary to use the correct template, not sure where the original one came from.

MR appears to be addressing the issue, saving credit for @shweta_sharma for the fix.

The long word issue exists on all text contents in the theme. MR !5621 is only addressing for

.text-content p,
.cke_editable p

.

Please provide additional screenshots or steps if we are expanding the scope

With MR in comment #15

With MR in comment #21

As with #21, scope is for all text contents, it will wrap all words into next line with hyphens.

Agree with #20 I can confirm that we need to expand the scope of the long text for the other elements. The recent MR has fixed the issue. If we have any long word which is overflowing then the text will wrapped into the next line with hyphens. The changes seem good we can move this to RTBC now.
Thanks

I'm triaging RTBC issues → . I read the IS and the comments. I didn't find any unanswered questions or other work to do.

Leaving at RTBC.

Committed 6ec3e26 and pushed to 11.x. Thanks!

Automatically closed - issue fixed for 2 weeks with no activity.