Steps to reproduce
It seems that the mouse events area of SVG elements gets rounded to the nearest px boundary of the native element dimensions before scaling is applied. Which results in a pixelated event area when you’re scaling up an element which native resolution is sub-pixel.
This example highlights the issue:
Current workarounds are:
- Avoid scaling for elements with mouse events, which is a large hit in the abstraction of the layout.
- Always calculate element dimensions 1eN times bigger, and then scale down by the same amount. But it’s hacky code and unnecessary clutter.
Issue reproduceable up to IE Edge 38.
Comments and activity
- Microsoft Edge Team
Changed Assigned To to “Ibrahim O.”
Changed Assigned To from “Ibrahim O.” to “Kevin B.”
Changed Status to “Confirmed”