Only prevent touchevent outside popover (#2205)

* 🐛 Only prevent event (e.g. scroll) outside popover

* ♻️  Rename preventEvent callback for clarity

* ♻️ Make callback static

This is to avoid future problems if 'this' is referred within the
callback down the line.

libs/designsystem/src/lib/components/popover/popover.component.ts

@@ -88,8 +88,13 @@ export class PopoverComponent implements AfterViewInit, OnDestroy {
   }
 
   // document.removeEventListener needs the exact same event handler & options reference:
-  private preventEvent(event: TouchEvent) {
-    event.preventDefault();
+  private static preventEventOutsidePopover(event: TouchEvent) {
+    if (event.target instanceof HTMLElement) {
+      const targetIsInPopover = !!event.target.closest('kirby-popover');
+      if (!targetIsInPopover) {
+        event.preventDefault();
+      }
+    }
   }
 
   private preventScroll() {
@@ -101,7 +106,7 @@ export class PopoverComponent implements AfterViewInit, OnDestroy {
     // preventDefault does not work with Renderer2.listen method; add event listener directly to document instead
     this.document.addEventListener(
       'touchmove',
-      this.preventEvent,
+      PopoverComponent.preventEventOutsidePopover,
       this.preventScrollEventListenerOptions
     );
   }
@@ -113,7 +118,7 @@ export class PopoverComponent implements AfterViewInit, OnDestroy {
 
     this.document.removeEventListener(
       'touchmove',
-      this.preventEvent,
+      PopoverComponent.preventEventOutsidePopover,
       this.preventScrollEventListenerOptions
     );
   }