fix: text selected while sliding in ipad safari

fix #127
sneas · Nov 26, 2023 · bad8ca2 · bad8ca2
1 parent 8d68984
commit bad8ca2
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/packages/img-comparison-slider/src/index.ts b/packages/img-comparison-slider/src/index.ts
@@ -233,6 +233,7 @@ export class HTMLImgComparisonSliderElement extends HTMLElement {
   };
 
   private bodyUserSelectStyle = '';
+  private bodyWebkitUserSelectStyle = '';
 
   private onMouseDown = (e: MouseEvent) => {
     if (this.slideOnHover) {
@@ -255,12 +256,17 @@ export class HTMLImgComparisonSliderElement extends HTMLElement {
 
     this.focus();
     this.bodyUserSelectStyle = window.document.body.style.userSelect;
+    this.bodyWebkitUserSelectStyle =
+      window.document.body.style.webkitUserSelect;
     window.document.body.style.userSelect = 'none';
+    window.document.body.style.webkitUserSelect = 'none';
   };
 
   private onWindowMouseUp = () => {
     this.isMouseDown = false;
     window.document.body.style.userSelect = this.bodyUserSelectStyle;
+    window.document.body.style.webkitUserSelect =
+      this.bodyWebkitUserSelectStyle;
     window.removeEventListener('mousemove', this.onMouseMove);
     window.removeEventListener('mouseup', this.onWindowMouseUp);
   };