fix: handle TouchEvent in non touch capable devices for firefox (angular-split#452)

Harpush · web-flow · commit 4f9e674eac28 · 2024-09-02T08:00:42.000+02:00
diff --git a/projects/angular-split/src/lib/utils.ts b/projects/angular-split/src/lib/utils.ts
@@ -10,7 +10,10 @@ export interface ClientPoint {
  * Only supporting a single {@link TouchEvent} point
  */
 export function getPointFromEvent(event: MouseEvent | TouchEvent | KeyboardEvent): ClientPoint {
-  if (event instanceof TouchEvent) {
+  // NOTE: In firefox TouchEvent is only defined for touch capable devices
+  const isTouchEvent = (e: typeof event): e is TouchEvent => window.TouchEvent && event instanceof TouchEvent
+
+  if (isTouchEvent(event)) {
     if (event.changedTouches.length === 0) {
       return undefined
     }
