inline-blocks that contain vertical-align:bottom elements are misaligned

Not reproducible Issue #2107556

Details

Created
Mar 20, 2015
Privacy
This issue is public.
Reports
Reported by 0 people

Sign in to watch or report this issue.

Steps to reproduce

URL:

Repro Steps:

See http://jsbin.com/miziqe/1

Expected Results:

Instead, it should be using “the baseline of its last line box in normal flow”[1], which would only be affected by the vertical-align:bottom elements insofar as their bottoms have to line up with up with the bottom of the line box they’re in, which may push or pull down the baseline of the last line box. Admittedly the spec isn’t blindingly clear about this, but the latest Chrome (39), Safari (7), and Firefox (34), even as old as Firefox 3.5 and Opera 12 (the last to use Presto), all appear to consistently interpret it this way, so at the very least this is an interop bug.

[1]: Second-to-last sentence of Section 10 “Visual formatting model details” of the CSS 2.1 spec: http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#propdef-vertical-align

Actual Results:

Dev Channel specific:

No

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Christian F.”

      Changed Assigned To to “Rossen A.”

      Changed Assigned To from “Rossen A.” to “Jonathan H.”

      Changed Status to “Confirmed”

      Changed Assigned To from “Jonathan H.” to “IE F.”

      Changed Status from “Confirmed” to “Won’t fix”

      Changed Assigned To to “Jonathan H.”

      Changed Status from “Won’t fix”

      Changed Assigned To from “Jonathan H.” to “Greg W.”

      Changed Status to “Not reproducible”

    You need to sign in to your Microsoft account to add a comment.

    Sign in