SVG Foreign object does not scale on edge

Confirmed Issue #7510148 • Assigned to Bogdan B.

Details

Author
Alexis K.
Created
May 10, 2016
Privacy
This issue is public.
Found in
  • Microsoft Edge
Reports
Reported by 3 people

Sign in to watch or report this issue.

Steps to reproduce

If you put inside a group a simple foreign object containing a div with a text, if you apple a scale transform then the foreign object is not scaled accordingly.
Here is a sample that work on other modern browsers but fails on Edge (including 14.14316) :
https://jsfiddle.net/mohamedamami/wpune69y/

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Brad E.”

    • Hello,

      Thanks for the Edge feedback. Can you tell me how this is failing in Edge? When I look at the JSFiddle you provided, it seems to be identical to the output in Chrome and Firefox.

      Looking forward to your update.

      All the best,
      The MS Edge Team

    • Hello Brad,
      On the JSFiddle, try to use your mouse wheel over the rectangle, you should see the rectangle zoom, but the text will not zoom on Edge, while the text zooms on Chrome and Firefox.

    • Microsoft Edge Team

      Changed Status to “Confirmed”

      Changed Assigned To to “Bogdan B.”

    • Hello,

      I’ve also experienced same problem. Also similar issue described here:
      https://connect.microsoft.com/IE/feedbackdetail/view/1695235/edges-new-foreign-object-support-in-svg-does-not-work-correctly-with-dynamic-svg

      Here’s a codepen to illustrate the issue and workaround (which unfortunately is not applicable in most of the cases)

    • facing same problem.kindly update for the issue

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

    Sign in