[Webkit-unassigned] [Bug 36084] New: baseline of inline-block is not bottom margin edge for overflow other than visible

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=36084

           Summary: baseline of inline-block is not bottom margin edge for
                    overflow other than visible
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
               URL: data:text/html;base64,PCFET0NUWVBFIGh0bWw+PGh0bWw+PGJv
                    ZHk+CjxkaXYgc3R5bGU9ImRpc3BsYXk6aW5saW5lLWJsb2NrOyBib3
                    JkZXI6IDVweCBzb2xpZCByZWQ7IHBhZGRpbmc6IDAiPgo8ZGl2IHN0
                    eWxlPSJkaXNwbGF5OmlubGluZS1ibG9jazsgYm9yZGVyOiA1cHggc2
                    9saWQgYmx1ZTsgb3ZlcmZsb3c6IGhpZGRlbjsgbWFyZ2luOiAwIj4K
                    SSBuZWVkIGEgcGlnIGhlcmUhCjwvZGl2PjwvZGl2Pgo8L2JvZHk+PC
                    9odG1sPgo=
        OS/Version: Mac OS X 10.5
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: New Bugs
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: mackyle at gmail.com


CSS2.1 Section 10.8.1

http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align

# 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.

1. Nest two inline-block elements with borders in different colors (i.e.
border: 5px solid red and border: 5px solid blue).
2. The outside one should have padding:0
3. The inside one should have margin:0 and overflow:hidden (and use the default
vertical-align setting of baseline)
4. Just click on the sample URL for a test case

Actual: The inner border touches the outer border on all four sides.

Expected:  The inner border should touch the outer border everywhere except
along the bottom side.  Because the inner inline-block should have had its
bottom margin placed on the text baseline of the outer inline-block leaving the
space between the text baseline and the bottom border of the outer block empty
producing a gap between the inner border and the outer border along the bottom
side only.

Firefox and Opera render this correctly with the gap -- view it with one of
these browsers to see the gap.

The problem seems to be that WebKit does not implement the quoted part of the
specification above which says, "if its 'overflow' property has a computed
value other than 'visible', in which case the baseline is the bottom margin
edge."

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.