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

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

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