Hi, regarding the issue for text not flowing correctly on certain elements on mobile view, discussed on the 2 topics linked below, which apparently was a bug which was already fixed, I’m having an issue which I’m wondering if it’s part of the same thing, or if it’s not an issue at all and it’s just how things are supposed to work.
On a big heading for example, long words which are longer than the view width, overflow out of view, instead of flowing down to the next line. When you double click inside the element, the word gets nicely contained inside the element, flowing down to the next line, as I would like it to be, but as soon as you get out of the element, it overflows back again in one line. Is this ok and I should just use a smaller font, or is there something wrong here?
Try it out, I tried it even on a new site and get the same thing.
I found that that pasting in the text as plain text does the trick to stop this from happening. So just copy the text out and paste it in again as plain text instead (right click, paste as plain text, or Ctrl + shift + V, or Cmd + shift + option + v). Otherwise it’s carrying some formatting from wherever it was copied.
Do you have an example of where this is happening? If so can you please share your read-only link?
This actually happens on any text field with any long enough text (no spaces) that you enter, either writing it directly, or pasting it from plain text. It happens on any site. Here’s a link to a test page:
Go to phone portrait (happens on any view) and add a long word to the heading. As you enter it, it flows down nicely. When you click out of the element, it overflows out of view in one line. Is that normal or is there something wrong?
My recommendation is to decrease the font size to 2em and line height to 3em (type in “em” instead of “px” when using this font size setting) for the “Hero Heading” class.
I’m also going to add a Wishlist post requesting the ability to use this CSS style property as I can see the use-case for it.
Please let me know if you have any other questions, I’m standing by for your response