Don't text select after dismissing a dialog in FF (adobe#1187)

* Don't text select after dismissing a dialog in FF

Author: snowystinger

packages/@react-aria/interactions/src/useInteractOutside.ts

@@ -38,6 +38,11 @@ export function useInteractOutside(props: InteractOutsideProps) {
     let onPointerDown = (e) => {
       if (isValidEvent(e, ref)) {
         state.isPointerDown = true;
+        // Due to browser inconsistencies, we prevent
+        // default on pointer down. FF will otherwise try to start text selection.
+        if (e.button === 0) {
+          e.preventDefault();
+        }
       }
     };
 
@@ -47,6 +52,9 @@ export function useInteractOutside(props: InteractOutsideProps) {
         if (state.isPointerDown && onInteractOutside && isValidEvent(e, ref)) {
           state.isPointerDown = false;
           onInteractOutside(e);
+          if (e.button === 0) {
+            e.preventDefault();
+          }
         }
       };
 
@@ -65,6 +73,9 @@ export function useInteractOutside(props: InteractOutsideProps) {
         } else if (state.isPointerDown && onInteractOutside && isValidEvent(e, ref)) {
           state.isPointerDown = false;
           onInteractOutside(e);
+          if (e.button === 0) {
+            e.preventDefault();
+          }
         }
       };
 
@@ -73,6 +84,9 @@ export function useInteractOutside(props: InteractOutsideProps) {
         if (onInteractOutside && state.isPointerDown && isValidEvent(e, ref)) {
           state.isPointerDown = false;
           onInteractOutside(e);
+          if (e.button === 0) {
+            e.preventDefault();
+          }
         }
       };