Non-conforming behaviour when transform: translateX used with vertical-rl

Issue #14935051 • Assigned to


Hui J.
Dec 4, 2017
This issue is public.
Found in
  • Microsoft Edge
Found in build #
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

  1. Apply writing-mode: vertical-rl to html element.
  2. Apply writing-mode:horizontal-tb to main element.
  3. Centre main element by setting position: absolute and right:50% then translating the main element back to the left with `transform: translateX(50%)

Expected result (as observed in Chrome, Firefox and Safari): main element is centred horizontally on the page.

Actual result: main element is pushed down to the middle of the page and is aligned to the left of the viewport.


1 attachment

Comments and activity

  • Microsoft Edge Team

    Changed Assigned To to “James M.”

    Changed Assigned To to “bbrinza”

    Changed Assigned To to “”

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

Sign in