147907 - <br> and &nbsp;

Status: RESOLVED WORKSFORME

(Core :: Layout: Text and Fonts, defect, P3)

Description

[Jeremy Fee]

For Build ID: 2002052306

I have a web page which allows users to enter a series of values (16 to be
exact)  layed out using div tags with style attributes.  There are supposed to
be 8 inputs per line (still works), however I think the non-breaking space
before the br tag is being displayed after the br tag because the input fields
are not lined up as they should be.

Just a cosmetic thing...

<p><div style="margin-left:100px;">Add Labcodes:</div><p>
<center>
	<input TYPE="text" NAME="la1" SIZE="4" MAXLENGTH="4" VALUE="">&nbsp;
	<input TYPE="text" NAME="la2" SIZE="4" MAXLENGTH="4" VALUE="">&nbsp;
	<input TYPE="text" NAME="la3" SIZE="4" MAXLENGTH="4" VALUE="">&nbsp;
	<input TYPE="text" NAME="la4" SIZE="4" MAXLENGTH="4" VALUE="">&nbsp;
	<input TYPE="text" NAME="la5" SIZE="4" MAXLENGTH="4" VALUE="">&nbsp;
	<input TYPE="text" NAME="la6" SIZE="4" MAXLENGTH="4" VALUE="">&nbsp;
	<input TYPE="text" NAME="la7" SIZE="4" MAXLENGTH="4" VALUE="">&nbsp;
	<input TYPE="text" NAME="la8" SIZE="4" MAXLENGTH="4" VALUE="">&nbsp;
	<br>
	<input TYPE="text" NAME="la9" SIZE="4" MAXLENGTH="4" VALUE="">&nbsp;
	<input TYPE="text" NAME="la10" SIZE="4" MAXLENGTH="4" VALUE="">&nbsp;
	<input TYPE="text" NAME="la11" SIZE="4" MAXLENGTH="4" VALUE="">&nbsp;
	<input TYPE="text" NAME="la12" SIZE="4" MAXLENGTH="4" VALUE="">&nbsp;
	<input TYPE="text" NAME="la13" SIZE="4" MAXLENGTH="4" VALUE="">&nbsp;
	<input TYPE="text" NAME="la14" SIZE="4" MAXLENGTH="4" VALUE="">&nbsp;
	<input TYPE="text" NAME="la15" SIZE="4" MAXLENGTH="4" VALUE="">&nbsp;
	<input TYPE="text" NAME="la16" SIZE="4" MAXLENGTH="4" VALUE="">&nbsp;
</center>

Comment 1

[Boris Zbarsky [:bzbarsky]]

Could you attach a full testcase to this bug using 
http://bugzilla.mozilla.org/attachment.cgi?bugid=147907&action=enter ?  
Screenshots of the actual and desired rendering would be useful as well....

Comment 2

[Daren]

You can see in DOM Inspector there are two invisible characters at the end of
the first line, while there's only one at the end on the second. Of course, this
throws the centering off mark.

There should be only one invisible character one both lines, since the
combination of ASCII cr/lf, ASCII tab and HTML line-break (br) should not add
another rendered   white-space to the line.

Comment 3

[Daren]

Attachment: Screenshots of the rendered source as it is, and as it should be.

The desired rendering was produced by putting the HTML line-break (br) tag on
the preceding line (i.e. without the ASCII cr/lf and the ASCII tab between the
non-breaking space and the HTML line-break).

Comment 4

[Boris Zbarsky [:bzbarsky]]

To layout.  The problem is that collapsing whitespace does not 
collapse "  " into a single space...

Comment 5

[Jeremy Fee]

Attachment: as it displays on Win 2k (with mozilla)

The input boxes are normally aligned vertically, but the second row is shifted
to the right slightly

Comment 6

[Jeremy Fee]

Attachment: as it displays on Win 2k (with Netscape)

The input boxes are lined up, (in IE & netscape, so it's not an IE proprietary
thing)

Comment 7

[Boris Zbarsky [:bzbarsky]]

.

Comment 8

[Javi Rueda :javirid]

Attachment: Testcase for bug 147907

When trying it, the rendering is as in Netscape output screencast (attachment 85497 [details]).

Build info: Mozilla/5.0 (Windows NT 6.1; rv:8.0) Gecko/20100101 Firefox/8.0

WORKSFORME?

Comment 9

[Jonathan Kew [:jfkthame]]

WFM, and has done at least since comment 8, apparently.