@react-aria/interactions 3.8.1 → 3.8.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/interactions",
-  "version": "3.8.1",
+  "version": "3.8.2",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -18,8 +18,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@react-aria/utils": "^3.11.2",
-    "@react-types/shared": "^3.11.1"
+    "@react-aria/utils": "^3.11.3",
+    "@react-types/shared": "^3.11.2"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0-rc.1"
@@ -27,5 +27,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "404d41859b7d6f56201d7fc01bd9f22ae3512937"
+  "gitHead": "ed8d8d984c2f7f2c31e8b18795b97858a95e4729"
 }

package/src/usePress.ts

@@ -321,7 +321,7 @@ export function usePress(props: PressHookProps): PressResult {
 
         // Due to browser inconsistencies, especially on mobile browsers, we prevent
         // default on pointer down and handle focusing the pressable element ourselves.
-        if (shouldPreventDefault(e.target as Element)) {
+        if (shouldPreventDefault(e.currentTarget as HTMLElement)) {
           e.preventDefault();
         }
 
@@ -359,7 +359,7 @@ export function usePress(props: PressHookProps): PressResult {
           // Chrome and Firefox on touch Windows devices require mouse down events
           // to be canceled in addition to pointer events, or an extra asynchronous
           // focus event will be fired.
-          if (shouldPreventDefault(e.target as Element)) {
+          if (shouldPreventDefault(e.currentTarget as HTMLElement)) {
             e.preventDefault();
           }
 
@@ -443,7 +443,7 @@ export function usePress(props: PressHookProps): PressResult {
 
         // Due to browser inconsistencies, especially on mobile browsers, we prevent
         // default on mouse down and handle focusing the pressable element ourselves.
-        if (shouldPreventDefault(e.target as Element)) {
+        if (shouldPreventDefault(e.currentTarget as HTMLElement)) {
           e.preventDefault();
         }
 
@@ -764,9 +764,9 @@ function isOverTarget(point: EventPoint, target: HTMLElement) {
   return areRectanglesOverlapping(rect, pointRect);
 }
 
-function shouldPreventDefault(target: Element) {
-  // We cannot prevent default if the target is inside a draggable element.
-  return !target.closest('[draggable="true"]');
+function shouldPreventDefault(target: HTMLElement) {
+  // We cannot prevent default if the target is a draggable element.
+  return !target.draggable;
 }
 
 function shouldPreventDefaultKeyboard(target: Element) {