[Webkit-unassigned] [Bug 164312] New: positioning of top not compensating rounding of height

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Wed Nov 2 01:37:32 PDT 2016


            Bug ID: 164312
           Summary: positioning of top not compensating rounding of height
    Classification: Unclassified
           Product: WebKit
           Version: Safari 10
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: peter.krautzberger at mathjax.org

Reduced test case at http://codepen.io/pkra/pen/mEqOGx.

It displays an "x" with a red background and next to it a span that has display:inline-block. Inside that inline-block are two spans with display:block, the second one being an "x" on the pink background, and the first a span with a thin height and green background. These should be stacked vertically, and the whole in-line block should be aligned on the baseline of the bottom span in the inline-block. 

(The test case adds the computed values of bottom/height/offset for convenience.)

The expected behavior would be that the two x's should be aligned.

However, the two x's are not aligned.

This works as expected in Firefox and IE8+. 

Related Blink bug at https://bugs.chromium.org/p/chromium/issues/detail?id=661468

You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20161102/0a14568e/attachment.html>

More information about the webkit-unassigned mailing list