Funkcionalnosć toś togo sedła se pśez wótwardowańske źěła wobgranicujo, kótarež maju wašo dožywjenje pólěpšyś. Jolic nastawk waš problem njerozwězujo a cośo pšašanje stajiś, wobrośćo se na našo zgromoźeństwo pomocy, kótarež na to caka, wam na @FirefoxSupport na Twitter a /r/firefox na Reddit pomagaś.

Avatar for Username

Pomoc pśepytaś

Glědajśo se wobšudy pomocy. Njenapominajomy was nigda, telefonowy numer zawołaś, SMS pósłaś abo wósobinske informacije pśeraźiś. Pšosym dajśo suspektnu aktiwitu z pomocu nastajenja „Znjewužywanje k wěsći daś“ k wěsći.

Dalšne informacije

Toś ta nitka jo se archiwěrowała. Pšosym stajśo nowe pšašanje, joli trjebaśo pomoc.

In a DIV with contenteditable, adding a space at the end of a word causes a BR tag to be added

  • 2 wótegronje
  • 3 maju toś ten problem
  • 7 naglědow
  • Slědne wótegrono wót Florin

Florin
Florin
more options

Hi, In a DIV element with contenteditable, I have only 1 word which is bold, italic and underlined. This is the HTML content of the DIV element (divObj.innerHTML):

<u><em><strong>TEST</strong></em></u>

If I put the caret at the end of the word and hit SPACE, 1 space is inserted (visible); but the innerHTML is this:

<u><em><strong>TEST <br></strong></em></u>

so there's a space, but also a BR tag. Why is there a BR tag added when only SPACE was pressed?

sample test.html: 

<script>
function showhtml() {
	alert(document.getElementById("mydiv").innerHTML);
}
</script>
<div id="mydiv" style="width:500px; height:100px; border:1px solid blue;" contenteditable><u><em><strong>TEST</strong></em></u></div>
<input type="button" value="show html" onclick="showhtml()">
Hi, In a DIV element with contenteditable, I have only 1 word which is bold, italic and underlined. This is the HTML content of the DIV element (divObj.innerHTML): &lt;u&gt;&lt;em&gt;&lt;strong&gt;TEST&lt;/strong&gt;&lt;/em&gt;&lt;/u&gt; If I put the caret at the end of the word and hit SPACE, 1 space is inserted (visible); but the innerHTML is this: &lt;u&gt;&lt;em&gt;&lt;strong&gt;TEST&nbsp;&lt;br&gt;&lt;/strong&gt;&lt;/em&gt;&lt;/u&gt; so there's a space, but also a BR tag. Why is there a BR tag added when only SPACE was pressed? sample test.html: <pre> &lt;script> function showhtml() { alert(document.getElementById("mydiv").innerHTML); } &lt;/script&gt; &lt;div id="mydiv" style="width:500px; height:100px; border:1px solid blue;" contenteditable&gt;&lt;u&gt;&lt;em&gt;&lt;strong&gt;TEST&lt;/strong&gt;&lt;/em&gt;&lt;/u&gt;&lt;/div&gt; &lt;input type="button" value="show html" onclick="showhtml()"&gt; </pre>

Wót cor-el změnjony

Wšykne wótegrona (2)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

That <br> tag may already have been there by default and wasn't removed when you entered that text.

Florin
Florin Pšašaŕ
more options

Have you tried the test code I ? There's no BR initially in the DIV. The initial DIV content is exactly the one mentioned in the question: so only U, EM and STRONG tags around the word TEST. No BRs. And you can verify that with the test code I posted in the question. Initially there's no BR tag, but after I add a SPACE at the end of the word, a BR tag is also added. Also, if I hit ENTER 1 time, I get 2 BR tags instead of 1.

It also happens if the DIV's initial content is just TEST (the tags U, EM and STRONG are not actually needed to reproduce this problem). And if you delete all text, there's still a BR tag returned.

Anyway, I noticed that the bogus BR tag has the attribute _moz_dirty. So it's probably used internally by Firefox's DOM engine. But even so, it shouldn't be returned by the innerHTML property of the DIV node, since it's not actually part of the content.

Wót Florin změnjony