Sizing of orthogonal elements with percentage margins

Issue #16461482 • Assigned to Bogdan B.


Manuel R.
Mar 19, 2018
This issue is public.
Found in
  • Microsoft Edge
Standard affected
CSS Writing Modes Level 3

Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

The percentage margins of an orthogonal element have to be resolved against the inline block size of the containing block.
In the attached example, the percentage margins are resolved properly against the width of the container (10% of 500px = 50px), however the size of the orthogonal element is 90px instead of 50px.
It seems to compute the available size it’s using the height of the container to resolve the percentage margins instead of the width.

BTW the very same issue is present in Chromium and WebKit, however it works fine in Firefox.
The problem has just been fixed in Chromium ( and a few tests have been created in WPT:


Comments and activity

  • Note that there’s a similar issue with paddings too.

  • Microsoft Edge Team

    Changed Assigned To to “Bogdan B.”

  • Thanks Manuel for filing the issue. I however don’t think we will be able to prioritize fixing this issue based on the issue severity at this point. I’m moving this to the backlog.

  • Microsoft Edge Team

    Changed Status to “Won’t fix”

  • Why this has been closed as "Won’t fix"?

    I understand it’s not a priority, but it seems to be a valid bug.
    Am I missing something else?

  • Microsoft Edge Team

    Changed Status from “Won’t fix”

  • Reactivating auto-resolved valid bugs reported by web dev community. Those were not expected to be resolved. We apologize for any inconvenience!

  • Microsoft Edge Team

    Changed Assigned To to “Bogdan B.”

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

Sign in