See e.g. this recent answer of mine. The mobile view shows a line break in the middle of the keyword next
even though there is a longer line just below it which isn't wrapped at all.
Screen shot:
Here I have scrolled the code block to show the end of the longer line underneath:
Screen shots are from Chrome on a fully updated iPhone S, but I've seen this in Safari and some other less-known browsers too. (This is a model with a small screen by today's standards; same as the original iPhone 5.)
I have noticed this a few times recently - off the cuff I'd guess this has been there for about a week.
Is there something weird in the CSS?
white-space: pre
+word-wrap: break-words
. Here is an min-repro that shows the buggy behavior on desktop version of Safari too. Now, SO team could also decide to remove thisword-wrap: break-words
to aword-wrap: normal
rule since it doesn't seem quite useful to allow breaking words in a pre.