SVG viewBox attribute not applied to <pattern>

Confirmed Issue #11384586 • Assigned to Bogdan B.

Details

Author
Jonathan B.
Created
Mar 24, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
38.14393
Reports
Reported by 3 people

Sign in to watch or report this issue.

Steps to reproduce

http://codepen.io/anon/pen/dvKNXJ?editors=1000

The SVG pattern at the above URL should have simple stripes at a 45 degree angle. Chrome, Firefox & Safari show the stripes but Edge shows a broken block pattern because the viewBox attribute isn’t being applied to the pattern element.

I have verified this by removing the viewBox attribute under Chrome and it shows the same pattern as Edge.

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Steven K.”

      Changed Assigned To to “Bogdan B.”

    • Some added information:

      The issue isn’t that the viewBox isn’t applied at all. The viewBox still scales the pattern contents correctly (you can see this if you change the pattern tile width/height). However, the offset from the viewBox origin isn’t applied.

      This bug also exists in IE. But of course I’d forgotten about it, so just spent some time trying to create a minimal test case. It should use a centered viewBox origin. But only the parts of the pattern content that have positive coordinates are visible.

      https://codepen.io/AmeliaBR/pen/Emmvba/

    • Microsoft Edge Team

      Changed Status to “Confirmed”

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

    Sign in