[Webkit-unassigned] [Bug 156662] New: vertical-align doesn't seem to be intuitive/correct

[bugzilla-daemon at webkit.org]

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

            Bug ID: 156662
           Summary: vertical-align doesn't seem to be intuitive/correct
    Classification: Unclassified
           Product: WebKit
           Version: Other
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: nschubach at gmail.com

1. http://codepen.io/nschubach/pen/QNrdZg?editors=0100
2. http://codepen.io/nschubach/pen/oxdBaR?editors=1100

What is the expected behavior?
The middle aligned container should line up with the text line then the top/bottom containers should line up to that.

What went wrong?
The current implementation seems to pick random alignment rules.  I can't tell intuitively what is going on with the webkit implementation.  It appears as though the text is picking some kind of ratio placement.  I think Gecko nailed the proper alignment with this by aligning the text specific alignment before the top/bottom.  Webkit seems to have an OoO issue here and depending on what rule is applied first it changes the alignment.

Examples on Gecko:
1. http://i.imgur.com/MVAnlVA.png (Gecko)
2. http://i.imgur.com/YNODy7j.png (Chromium Left / Gecko Right)

-- 
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/20160416/933f036c/attachment.html>