475270 - empty inline-block element inside a block element makes the block element taller than it should

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[Waldir Pimenta]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; pt-PT; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; pt-PT; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5

I managed to track down the cause of this after a lot of testing. It appears that if you have a block element (say a div) with an inline-block element inside (either a natively inline or natively block one), the outer element renders an extra space in the bottom. See the url for an example of the bug.
If the inner element is filled with anything (say a nbsp.) the bug disappears.
This is demonstrated in http://www.waldirpimenta.com/temp/wtf/demo2.html

Reproducible: Always

Steps to Reproduce:
1. create a block element
2. create an inline/block element inside it
3. give the inner element a height greater than the default lineheight
Actual Results:  
see url

Expected Results:  
see url 2 (demo2.html)

Comment 1

[Waldir Pimenta]

argh! I pressed the wrong key when writing the title. I meant inline-block, not inline/block...

Comment 2

[philippe (part-time)]

That is the correct behaviour. Opera (9.6 & 10a), WebKit & Safari display the same as Gecko.
When the inline-block contains something (text), it's baseline is that 'something' and it is aligned with the baseline of the parent block. When it is completely empty, then the bottom of the inline-block rests on the baseline of the parent block, the same way as an inline-image would rest on that baseline. The space at the bottom of the parent block you see in your demo1.html is the space for descenders (characters like p, q, j, etc).

Comment 3

[philippe (part-time)]

Attachment: demo 1 from reporter

(for safekeeping)

Comment 4

[philippe (part-time)]

Attachment: demo 2 from reporter

Comment 5

[Waldir Pimenta]

Thanks a lot for the explanation, and sorry for the invalid bug report :)