I’ve been adding new pages to my portfolio website and am getting a problem I’ve never had before today. Because the layout for each new projects page is exactly the same I simply duplicate one of the older pages and change the content.
The last three projects I have added when I am filling in the “Project Description” box (I’ll link an example) the text will just keep going all the way across the page, rather than ending at the end of the text box. I can fix this by manually adding a return which is no big deal, BUT, it only solves the problem with the site in desktop view, if viewed in tablet size the text once again flows past the designated text box and into the column next to it.
Example of the ISSUE can be seen here http://www.chadjensendesign.com/landscape the “Project Description” section. If you resize to mobile view you will see the problem.
I’m just stumped because the container for the text clearly ends but the text just flows through it, and it never happened before now even though I made the past 8 pages using this exact same method.
Any ideas?
EDIT* I just checked the above mentioned page on mobile and tablet views and the entire page isn’t scaling properly for those views. I can’t figure it out, I am literally duplicating other pages that work just fine and just changing the images in the slider and the project description / title.
Hi @cjd, I just wanted to give you an update, if you cut the text out of your text, paragraph or heading element and then repaste as text, it should work.
For some reason there is some formatting in the text that was pasted that is causing that to overflow. Pasting in plain text should fix the issue in the short term.
Thanks that seems to be working! I typically type directly into the text box on the designer rather than pasting it in from elsewhere. I just wrote my description in TextEdit then pasted it to the site and it seems to be working fine!
Not sure if it notifies you of other comments in here or not so I figured I’d let you know a fix!
If you type your text in another program in plain text (such as word, notepad, textedit, textwrangler) and then paste it into your paragraph section it seems to work just fine! It is no longer running past the designated text area and scaling to other views properly as well
Hello, this is still happening for me and the above fixes don’t work. Old text in paragraphs is fine but if I add new text then it breaks the wrapping and overflows only for the new text line/sentence.
I’m having the same issue, when I add placement text it scales accordingly like other elements, but as soon as I edit it the text overflows past the container.
but found a temporary workaround that seems to work.
Copy the offending text and paste it into a new browser window. (Is there a funny icon anywhere in your text your weren’t expecting? There was one at the beginning of mine.)
I’m suffering the same problem (Chrome on Windows) but this fix works. Thanks for coming up with this imaginative fix. I was about to lose my mind trying to figure out what I was doing wrong with my paragraph/text and heading boxes. I hope they fix this problem soon, it’s a royal pain!
I have a strange problem with non-breaking spaces: Whenever I write a text in a new paragraph, Webflow adds non-breaking spaces between all words. Thus, the lines do not break anymore.
I have tried different things:
Switched to a different browser (Chrome / Safari)
Switched from OS X to Windows (in Parallels)
Opened a blank new site
I do not copy, but just write text in the field. I also do not hold the shift key. The problem appeared suddenly today, never experienced it before. Any ideas?
Further research shows that it could be related to this (however, this does not explain why the issue appeared suddenly): 310149 - chromium - An open-source project to help move the web forward. - Monorail. Unfortunately, Webflow does not support Firefox, but at least in Read Mode, adding a paragraph in Firefox does not lead to those non-breaking spaces.