272960 - Space at the end of an inline box causes the space to overflow the box's width

Status: RESOLVED DUPLICATE of bug 252771

(Core :: Layout: Block and Inline, defect)

Description

[Kurt Krampmeier]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; de-DE; rv:1.7.5) Gecko/20041108 Firefox/1.0
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; de-DE; rv:1.7.5) Gecko/20041108 Firefox/1.0

A space at the end of an inline box, which is the last child of an block element
causes a inconsistent width of the inline box. Regarding to the display of a 1px
border around the inline box, the space is ignored but it is sems to be still
rendered outside the box. Oddly enough you cannot highlight the space.

This can cause a unnesary horizontal scrolbar, when you align the inline box to
the right and there is no margin or padding in the body and other parent
elements. The alignment seems to depend on the right edge of the inline box
while the space is placed further right. So the space is outside the viewport,
causing a horizontal scrollbar.

Reproducible: Always
Steps to Reproduce:
1. Open the attached testcase
Actual Results:  
Text gets aligned to the right, the full stop is directly on the right edge of
the viewport. The space behind the full stop is causing a unnecessary horizontal
scrollbar.

Expected Results:  
Text gets aligned to the right, the full stop is directly on the right edge of
the viewport. *No* horizontal scrollbar is displayed and the space is ignored.

Comment 1

[Kurt Krampmeier]

Attachment: Simple HTML testcase showing the scrollbar

Comment 2

[Hixie (not reading bugmail)]

Yeah, this is a valid bug. See CSS2.1 section 16.6.1.

Comment 3

[Erik Fabert]

*** This bug has been marked as a duplicate of 252771 ***