Add rudamentary Pointer Event polyfill

mathesar_ui/src/component-library/common/actions/clickOffBounds.ts

@@ -25,15 +25,30 @@ export default function clickOffBounds(
     }
   }
 
-  document.body.addEventListener('pointerdown', outOfBoundsListener, true);
+  /**
+   * When the browser supports pointer events, we use the pointerdown event
+   * which is fired for all mouse buttons and touches. However, older Safari
+   * versions don't have pointer events, so we fallback to mouse events. Touches
+   * should fire a mousedown event too.
+   */
+  const events =
+    'onpointerdown' in document.body
+      ? ['pointerdown']
+      : ['mousedown', 'contextmenu'];
+
+  events.forEach((event) => {
+    document.body.addEventListener(event, outOfBoundsListener, true);
+  });
 
   function update(opts: Options) {
     callback = opts.callback;
     references = opts.references;
   }
 
   function destroy() {
-    document.body.removeEventListener('pointerdown', outOfBoundsListener, true);
+    events.forEach((event) => {
+      document.body.removeEventListener(event, outOfBoundsListener, true);
+    });
   }
 
   return {