Fixes #227

CHANGELOG.md

@@ -3,6 +3,7 @@
 ## Next
 
 - Added support for dropdowns and non-icon elements to `sl-input`
+- Fixed a bug where `sl-progress-ring` rendered incorrectly when zoomed in Safari
 
 ## 2.0.0-beta.19
 

src/components/progress-ring/progress-ring.scss

@@ -18,6 +18,11 @@
   position: relative;
 }
 
+.progress-ring__image {
+  transform: rotate(-90deg);
+  transform-origin: 50% 50%;
+}
+
 .progress-ring__track {
   stroke: var(--track-color);
 }
@@ -25,8 +30,6 @@
 .progress-ring__indicator {
   stroke: var(--indicator-color);
   transition: 0.35s stroke-dashoffset, 0.35s stroke;
-  transform: rotate(-90deg);
-  transform-origin: 50% 50%;
 }
 
 .progress-ring__label {