fix: example for round image on iOS/Safari (#978)

Because of an old bug [1] the css stlyes for outline do not follow border-radius on iOS/Safari. The example "crop-a-round-image.html" would show a rectangular crop box in browsers with this bug. [1] https://bugs.webkit.org/show_bug.cgi?id=20807
fengyuanchen · Sep 4, 2022 · cee3b0e · cee3b0e
1 parent 133b8b0
commit cee3b0e
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/docs/examples/crop-a-round-image.html b/docs/examples/crop-a-round-image.html
@@ -20,6 +20,11 @@
     .cropper-face {
       border-radius: 50%;
     }
+
+    .cropper-view-box {
+        outline: 0;
+        box-shadow: 0 0 0 1px #39f;
+    }
   </style>
 </head>
 <body>