@radix-ui/react-select - npm Package Compare versions

Comparing version 2.1.2-rc.7 to 2.1.2-rc.8

dist/index.js

@@ -211,2 +211,3 @@ "use strict";
     const getItems = useCollection(__scopeSelect);
+    const pointerTypeRef = React.useRef("touch");
     const [searchRef, handleTypeaheadSearch, resetTypeahead] = useTypeaheadSearch((search) => {
@@ -220,3 +221,3 @@ const enabledItems = getItems().filter((item) => !item.disabled);
     });
-    const handleOpen = () => {
+    const handleOpen = (pointerEvent) => {
       if (!isDisabled) {
@@ -226,2 +227,8 @@ context.onOpenChange(true);
       }
+      if (pointerEvent) {
+        context.triggerPointerDownPosRef.current = {
+          x: Math.round(pointerEvent.pageX),
+          y: Math.round(pointerEvent.pageY)
+        };
+      }
     };
@@ -246,4 +253,8 @@ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           event.currentTarget.focus();
+          if (pointerTypeRef.current !== "mouse") {
+            handleOpen(event);
+          }
         }),
         onPointerDown: (0, import_primitive.composeEventHandlers)(triggerProps.onPointerDown, (event) => {
+          pointerTypeRef.current = event.pointerType;
           const target = event.target;
@@ -253,8 +264,4 @@ if (target.hasPointerCapture(event.pointerId)) {
           }
-          if (event.button === 0 && event.ctrlKey === false) {
-            handleOpen();
-            context.triggerPointerDownPosRef.current = {
-              x: Math.round(event.pageX),
-              y: Math.round(event.pageY)
-            };
+          if (event.button === 0 && event.ctrlKey === false && event.pointerType === "mouse") {
+            handleOpen(event);
             event.preventDefault();
@@ -861,2 +868,3 @@ }
     const textId = (0, import_react_id.useId)();
+    const pointerTypeRef = React.useRef("touch");
     const handleSelect = () => {
@@ -906,7 +914,16 @@ if (!disabled) {
                 onBlur: (0, import_primitive.composeEventHandlers)(itemProps.onBlur, () => setIsFocused(false)),
-                onPointerUp: (0, import_primitive.composeEventHandlers)(itemProps.onPointerUp, handleSelect),
+                onClick: (0, import_primitive.composeEventHandlers)(itemProps.onClick, () => {
+                  if (pointerTypeRef.current !== "mouse") handleSelect();
+                }),
+                onPointerUp: (0, import_primitive.composeEventHandlers)(itemProps.onPointerUp, () => {
+                  if (pointerTypeRef.current === "mouse") handleSelect();
+                }),
+                onPointerDown: (0, import_primitive.composeEventHandlers)(itemProps.onPointerDown, (event) => {
+                  pointerTypeRef.current = event.pointerType;
+                }),
                 onPointerMove: (0, import_primitive.composeEventHandlers)(itemProps.onPointerMove, (event) => {
+                  pointerTypeRef.current = event.pointerType;
                   if (disabled) {
                     contentContext.onItemLeave?.();
-                  } else {
+                  } else if (pointerTypeRef.current === "mouse") {
                     event.currentTarget.focus({ preventScroll: true });
@@ -913,0 +930,0 @@ }

package.json

 {
   "name": "@radix-ui/react-select",
-  "version": "2.1.2-rc.7",
+  "version": "2.1.2-rc.8",
   "license": "MIT",
@@ -5,0 +5,0 @@ "exports": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

319392

increased by1.78%

Lines of code

2508

increased by1.37%

No dependency changes