<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[web developer spacing in HTMLWordElements breaks webpage]]></title><description><![CDATA[<p dir="auto">if you head to my heroku web app on opera  browser you will see that if  ( HTMLWordElements - not a real thing just to to indicate h1-6 p and a tags, ), if the innerText or TextContent includes a spaces, it ignores its calculated with and breaks the page as if its width was initalized by the display css property. This is an angular 7 app idk if the problem is the custom angular component elements have a bug and i just need a simple upgrade(npm give me problems on my server)</p>
<p dir="auto">The bug happens if the textContent contains a space, it some how streches out of the body of the webpage and allows the user to scrooll to an empty overflow white space on the left. Hopefully I can find a utf-8 char that can act like a space so this problem goes away</p>
]]></description><link>https://forums.opera.com/topic/35673/web-developer-spacing-in-htmlwordelements-breaks-webpage</link><generator>RSS for Node</generator><lastBuildDate>Fri, 09 Oct 2026 00:15:05 GMT</lastBuildDate><atom:link href="https://forums.opera.com/topic/35673.rss" rel="self" type="application/rss+xml"/><pubDate>Thu, 10 Oct 2019 15:29:14 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to web developer spacing in HTMLWordElements breaks webpage on Fri, 11 Oct 2019 04:30:23 GMT]]></title><description><![CDATA[<p dir="auto">I still don't know what you mean. Can you modify the test case below to show what the issue is?</p>
<pre><code>&lt;!DOCTYPE HTML&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;meta charset="utf-8"&gt;
        &lt;title&gt;Test&lt;/title&gt;
        &lt;style&gt;
            p {
                width: 150px;
                border: 1px solid black
            }
        &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;p&gt;Before_&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;_After&lt;/p&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>
<p dir="auto">Does it have to be a raw, non-breaking space or does the same happen with the entity?</p>
]]></description><link>https://forums.opera.com/post/184475</link><guid isPermaLink="true">https://forums.opera.com/post/184475</guid><dc:creator><![CDATA[burnout426]]></dc:creator><pubDate>Fri, 11 Oct 2019 04:30:23 GMT</pubDate></item><item><title><![CDATA[Reply to web developer spacing in HTMLWordElements breaks webpage on Fri, 11 Oct 2019 04:17:32 GMT]]></title><description><![CDATA[<p dir="auto">burnout426 I guess why the opera browser is struggling bad agile development. anyway to solve this use the utf-8 no break space Unicode char in you textContent  </p>
]]></description><link>https://forums.opera.com/post/184473</link><guid isPermaLink="true">https://forums.opera.com/post/184473</guid><dc:creator><![CDATA[[[global:former_user]]]]></dc:creator><pubDate>Fri, 11 Oct 2019 04:17:32 GMT</pubDate></item><item><title><![CDATA[Reply to web developer spacing in HTMLWordElements breaks webpage on Fri, 11 Oct 2019 01:24:52 GMT]]></title><description><![CDATA[<p dir="auto">Link?</p>
<p dir="auto">Can you make a minimal test case also?</p>
]]></description><link>https://forums.opera.com/post/184467</link><guid isPermaLink="true">https://forums.opera.com/post/184467</guid><dc:creator><![CDATA[burnout426]]></dc:creator><pubDate>Fri, 11 Oct 2019 01:24:52 GMT</pubDate></item></channel></rss>