pointer support check

src/Global.ts

@@ -201,7 +201,7 @@ export const Konva = {
   // user agent
   UA: _parseUA((glob.navigator && glob.navigator.userAgent) || ''),
   document: glob.document,
-  // insert Konva into global namaspace (window)
+  // insert Konva into global namespace (window)
   // it is required for npm packages
   _injectGlobal(Konva) {
     glob.Konva = Konva;

src/PointerEvents.ts

@@ -1,10 +1,15 @@
 import { KonvaEventObject } from './Node';
+import { Konva } from './Global';
 
 import { Shape } from './Shape';
 import { Stage } from './Stage';
 
 const Captures = new Map<number, Shape | Stage>();
 
+// we may use this module for capturing touch events too
+// so make sure we don't do something super specific to pointer
+const SUPPORT_POINTER_EVENTS = Konva._global['PointerEvent'] !== undefined;
+
 export interface KonvaPointerEvent extends KonvaEventObject<PointerEvent> {
   pointerId: number;
 }
@@ -32,11 +37,13 @@ export function setPointerCapture(pointerId: number, shape: Shape | Stage) {
 
   Captures.set(pointerId, shape);
 
+  if (SUPPORT_POINTER_EVENTS) {
     shape._fire(
       'gotpointercapture',
       createEvent(new PointerEvent('gotpointercapture'))
     );
   }
+}
 
 export function releaseCapture(pointerId: number, target?: Shape | Stage) {
   const shape = Captures.get(pointerId);
@@ -51,8 +58,10 @@ export function releaseCapture(pointerId: number, target?: Shape | Stage) {
 
   Captures.delete(pointerId);
 
+  if (SUPPORT_POINTER_EVENTS) {
     shape._fire(
       'lostpointercapture',
       createEvent(new PointerEvent('lostpointercapture'))
     );
   }
+}