SVG Text rendering issue on scale update

Issue #11280907 • Assigned to Steven K.


Pavel P.
Mar 15, 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


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.”

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

    Sign in