Steps to reproduce
Edge (found in v40.15063.0.0) doesn’t render CSS outlines around SVG elements.
This is also an issue in IE11.
Steps to Reproduce
Open Codepen in Edge: https://codepen.io/anon/pen/bRYyEQ
Red outline around rectangle
If you open the Codepen in Chrome or Firefox the outline is rendered.
Why this matters to me
We adopt Highcharts which uses SVG to render complex charts.
They’ve added an accessibility module allowing keyboard users to navigate to individual chart elements. Those elements render outlines on focus in all browsers except IE and Edge.
Here’s an example chart. Just tab through the document. You’ll see outlines around the pie slices in Chrome/Firefox but not in IE/Edge.
Comments and activity
Changed Steps to Reproduce
- Microsoft Edge Team
Changed Assigned To to “Bogdan B.”