diff --git a/.changeset/legal-lights-visit.md b/.changeset/legal-lights-visit.md new file mode 100644 index 000000000..822293336 --- /dev/null +++ b/.changeset/legal-lights-visit.md @@ -0,0 +1,5 @@ +--- +'@radix-ui/react-select': patch +--- + +Disable pointer events on select item when disabled. Fixes #3683 diff --git a/packages/react/select/src/select.tsx b/packages/react/select/src/select.tsx index 042a0f333..b984a7629 100644 --- a/packages/react/select/src/select.tsx +++ b/packages/react/select/src/select.tsx @@ -1309,6 +1309,7 @@ const SelectItem = React.forwardRef( tabIndex={disabled ? undefined : -1} {...itemProps} ref={composedRefs} + style={{pointerEvents: disabled ? 'none' : 'auto'}} onFocus={composeEventHandlers(itemProps.onFocus, () => setIsFocused(true))} onBlur={composeEventHandlers(itemProps.onBlur, () => setIsFocused(false))} onClick={composeEventHandlers(itemProps.onClick, () => {