add check safari shape support

zumerlab · Dec 1, 2024 · 9c280ce · 9c280ce
1 parent c6cfb3f
commit 9c280ce
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/js/orbit-arc.js b/src/js/orbit-arc.js
@@ -57,7 +57,7 @@
      const path = this.shadowRoot.querySelector('path');
      const defs = this.shadowRoot.querySelector('defs');
      if (shape === 'circle') path.setAttribute('stroke-linecap', 'round');
-     if (shape !== 'none' && shape !== 'circle') {
+     if (shape !== 'none' && shape !== 'circle' && CSS.supports('fill', 'context-stroke')) {
        defs.innerHTML = ''; // Limpiar defs previos
        defs.appendChild(this.createMarker('head', 'end'));
        defs.appendChild(this.createMarker('tail', 'start'));

diff --git a/src/js/orbit-progress.js b/src/js/orbit-progress.js
@@ -96,7 +96,7 @@ export class OrbitProgress extends HTMLElement {
     arc.setAttribute('stroke', full ? progressBgColor : progressBarColor);
     arc.setAttribute('fill', 'transparent');
     if (shape === 'circle') arc.setAttribute('stroke-linecap', 'round');
-    if (shape !== 'none' && shape !== 'circle') {
+    if (shape !== 'none' && shape !== 'circle' && CSS.supports('fill', 'context-stroke')) {
       arc.setAttribute('marker-end', 'url(#head)');
       arc.setAttribute('marker-start', 'url(#tail)');
     }