[Webkit-unassigned] [Bug 158441] New: Misaligned inline-block due to fractional padding/margin/other vertical spacing

[bugzilla-daemon at webkit.org]

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

            Bug ID: 158441
           Summary: Misaligned inline-block due to fractional
                    padding/margin/other vertical spacing
    Classification: Unclassified
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: laughinghan at gmail.com
                CC: simon.fraser at apple.com

Tested on WebKit Nightly r201711

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5) AppleWebKit/602.1.36+ (KHTML, like Gecko) Version/9.1.1 Safari/601.6.17

# Example URL:
http://output.jsbin.com/tivuvov

# Steps to reproduce the problem:
1. Open http://output.jsbin.com/tivuvov
2. See misaligned x and 2

# What is the expected behavior?
x and 2 should always line up, because according to the CSS 2.1 spec:

    The baseline of an 'inline-block' is the baseline of its last line box in the normal flow

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

Firefox 46 displays the correct behavior.

# What went wrong?
At certain fractional values of padding or margin, the x and 2 are misaligned, for example .3em.

# Notes

Safari 9.1.1 and Chrome 50 have the same problem, at I think all the same fractional values, but the misalignment is much more severe.

-- 
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/20160606/8557634e/attachment.html>