231649 - CSS layout property display:inline with scroll overflow ignores width and height

Status: RESOLVED DUPLICATE of bug 50626

(Core :: CSS Parsing and Computation, defect)

Description

[Darryl Strucko]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.6) Gecko/20040113
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.6) Gecko/20040113

CSS layout property display:inline ignores width and height of the enclosure,
but display:block does not...

Example:
span {	display:inline;
	position:relative;
	width:500px;
	height:180px;
	overflow:scroll;
}


Reproducible: Always

Steps to Reproduce:
Compare:
span {	display:inline;
	position:relative;
	width:500px;
	height:180px;
	overflow:scroll;
}
with:
span {	display:block;
	position:relative;
	width:500px;
	height:180px;
	overflow:scroll;
}
Actual Results:  
display:block produces the correct results, while placing the new item on a new
line.  display:inline ignores the width, height, and overflow features and
simply writes the contents.

Expected Results:  
display:inline should place contents within the appropriate width and height
while including the overflow feature.  Each new item should be inline with the
former.

Comment 1

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

The 'overflow', 'width', and 'height' properties don't apply to inline elements.

Comment 2

[Boris Zbarsky [:bzbarsky]]

Verified.

Comment 3

[:Gavin Sharp [email: [e-mail]]]

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