CSS transforms on SVG tag not interoperable in RTL mode

Issue #15498184 • Assigned to Francois R.


Sébastien D.
Jan 17, 2018
This issue is public.
Found in
  • Microsoft Edge
  • Internet Explorer
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

If the HTML document direction is set to RTL, transforms on SVG tags become not interoperable.

On a translate transformations, horizontal value is reversed. If set to -50%, IE and Edge will compute it as 50%.

Rotate and skew transformations are also reversed (both on X and Y axis).

Simple use case here: https://jsfiddle.net/sdussaut/g69t0zqs/2/ (broken in both IE and Edge but not in Firefox nor Chrome or Safari).


0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “James M.”

      Changed Assigned To to “wptcomptri”

    • I simplified the use case a bit (removed the unecessary button tag) here: https://jsfiddle.net/sdussaut/g69t0zqs/3/

    • Microsoft Edge Team

      Changed Assigned To to “Bogdan B.”

      Changed Assigned To from “Bogdan B.” to “Francois R.”

    • Confirmed. Thanks for your report.

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

    Sign in