768510 - Display issue with overflow:visible in inline-block

Status: RESOLVED INVALID

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

Description

[Laurent Martelli]

Attachment: bug.html

User Agent: Mozilla/5.0 (X11; Linux i686; rv:10.0.5) Gecko/20100101 Firefox/10.0.5 Iceweasel/10.0.5
Build ID: 20120605133945

Steps to reproduce:

See attached file. When you hover on the buggy elements, it causes text's baseline to be aligned with bottom of other inline-block elements.
It does not happen if overflow is statically set to visible (see OK1), or if vertical-align is set to top or bottom (see OK2).
I've also tested with 13.0.1, it's the same.

Comment 1

[(mostly gone) XtC4UaLL [:xtc4uall]]

FWIW, Opera & MSIE behave like Firefox.

Comment 2

[Ioana (away)]

Reproducible on the latest Nightly (20120703041519) on Windows too.

Laurent, can you please check if this issue reproduces for you on older builds too?

Comment 3

[Laurent Martelli]

(In reply to Ioana Budnar [QA] from comment #2)
> Reproducible on the latest Nightly (20120703041519) on Windows too.
> 
> Laurent, can you please check if this issue reproduces for you on older
> builds too?

Older like what ?

Comment 4

[Ioana (away)]

(In reply to Laurent Martelli from comment #3)
> (In reply to Ioana Budnar [QA] from comment #2)
> > Reproducible on the latest Nightly (20120703041519) on Windows too.
> > 
> > Laurent, can you please check if this issue reproduces for you on older
> > builds too?
> 
> Older like what ?

Older like before Firefox 10 (9,8,7,6,5 or 4). Even better, if you can, please try to find a regression range for this bug http://harthur.github.com/mozregression/

Comment 5

[Laurent Martelli]

I've tried 3.6.28, 4.0.1 and 9.0.1: they all behave the same.

Comment 6

[Boris Zbarsky [:bzbarsky]]

This is correct behavior per spec.  From the very last sentence at the very bottom of http://www.w3.org/TR/CSS21/visudet.html#line-height :

  The baseline of an 'inline-block' is the baseline of its last line box in the normal 
  flow, unless it has either no in-flow line boxes or if its 'overflow' property has a
  computed value other than 'visible', in which case the baseline is the bottom margin
  edge.

So changing the overflow value changes the baseline position.  Since both inline-blocks are baseline aligned, in this case that means that the bottom of the text in one block aligns with the bottom of the box in the other block, which is exactly what I see happen.

Ioana, for future reference if a testcase doesn't involve any script, it's not likely to be DOM.  ;)