Fix dropdown scroll problem on touch devices

kirbydesign · Aug 2, 2022 · 0d5f9c6 · 0d5f9c6
1 parent 441b124
commit 0d5f9c6
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/libs/designsystem/src/lib/components/dropdown/dropdown.component.ts b/libs/designsystem/src/lib/components/dropdown/dropdown.component.ts
@@ -236,7 +236,7 @@ export class DropdownComponent implements AfterViewInit, OnDestroy, ControlValue
     event.preventDefault();
   }
 
-  /* Utility that makes it easier to set styles on card element 
+  /* Utility that makes it easier to set styles on card element
   when using popover*/
   private setPopoverCardStyle(style: string, value: string) {
     if (!this.usePopover) return;
@@ -463,6 +463,13 @@ export class DropdownComponent implements AfterViewInit, OnDestroy, ControlValue
     }
   }
 
+  @HostListener('touchstart', ['$event'])
+  _onTouchStart(event: TouchEvent) {
+    if (this.isOpen) {
+      event.stopPropagation();
+    }
+  }
+
   @HostListener('focus')
   _onFocus() {
     if (this.disabled) {