SVG foreignObject does not scale on edge

Duplicate Issue #7510148 • See Issue #4320441

Details

Author
Alexis K.
Created
May 10, 2016
Privacy
This issue is public.
Found in
  • Microsoft Edge
Duplicates
See progress on Bug #4320441
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

    • Microsoft Edge Team

      Changed Assigned To from “Bogdan B.” to “Rossen A.”

      Changed Title from “SVG Foreign object does not scale on edge” to “SVG foreignObject does not scale on edge”

      Changed Status from “Confirmed” to “Duplicate”

    • It just came to my attention this issue is a dupe of another issue for which I provided a workaround in the comments. Duping the issues now to help people find the right issue when they search for it.

    • This bug has marked as duplicate. Please follow the parent issue to get new updates.

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

    Sign in