SVG Text rendering issue on scale update

Fixed Issue #11280907


Pavel P.
Mar 15, 2017
This issue is public.
Found in
  • Microsoft Edge
Found in build #
Reported by 2 people

Sign in to watch or report this issue.

Steps to reproduce


Our team is working on an application that utilize SVG object to provide users with interactive diagrams.

This use case requires zoom support. However we experience several problems:

  1. Svg image hasn’t been completely redrawn when scale transform is applied with JS.
  2. Offset of the text that follows the '-' symbol calculated incorrectly and depends on current scale when scale transform is applied with JS.
  3. Position of right or middle aligned text calculated incorrectly when scale transform is applied with JS.

Here is a codepen that illustrates these issues:

Is there any workarounds for this?

Thanks in advance!


0 attachments

    Comments and activity

    • Changed Steps to Reproduce

    • Microsoft Edge Team

      Changed Assigned To to “Steven K.”

    • Hi Pavel,

      Thank you for this submission and the well-crafted repro. I can repro this issue on the current public build 14393.

      I would like to let you know that this issue has been fixed and the fix is available in the latest insider preview which is available now.

      All the best,

      The MS Edge Team

    • Microsoft Edge Team

      Changed Status to “Fixed”

    • Hi Steven,

      Thank you and all the MS Edge team for the fix. Looking forward to see it in a public release!

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

    Sign in