diff --git a/packages/react-native-web/src/exports/Button/__tests__/__snapshots__/index-test.js.snap b/packages/react-native-web/src/exports/Button/__tests__/__snapshots__/index-test.js.snap index c7bc9d0ba..578cba005 100644 --- a/packages/react-native-web/src/exports/Button/__tests__/__snapshots__/index-test.js.snap +++ b/packages/react-native-web/src/exports/Button/__tests__/__snapshots__/index-test.js.snap @@ -32,7 +32,7 @@ exports[`components/Button prop "color" 1`] = ` exports[`components/Button prop "disabled" 1`] = `
`; diff --git a/packages/react-native-web/src/exports/Pressable/index.js b/packages/react-native-web/src/exports/Pressable/index.js index 8e9f633d4..842bfd379 100644 --- a/packages/react-native-web/src/exports/Pressable/index.js +++ b/packages/react-native-web/src/exports/Pressable/index.js @@ -205,6 +205,7 @@ function Pressable(props: Props, forwardedRef): React.Node { onContextMenu={contextMenuHandler} onFocus={focusHandler} onKeyDown={keyDownHandler} + pointerEvents={disabled ? 'none' : rest.pointerEvents} ref={setRef} style={[ !disabled && styles.root, diff --git a/packages/react-native-web/src/exports/TouchableHighlight/index.js b/packages/react-native-web/src/exports/TouchableHighlight/index.js index a048aa91e..e9966061f 100644 --- a/packages/react-native-web/src/exports/TouchableHighlight/index.js +++ b/packages/react-native-web/src/exports/TouchableHighlight/index.js @@ -167,6 +167,7 @@ function TouchableHighlight(props: Props, forwardedRef): React.Node { {...pressEventHandlers} accessibilityDisabled={disabled} focusable={!disabled && focusable !== false} + pointerEvents={disabled ? 'none' : undefined} ref={setRef} style={[ styles.root, diff --git a/packages/react-native-web/src/exports/TouchableOpacity/index.js b/packages/react-native-web/src/exports/TouchableOpacity/index.js index 503078088..5a7d62486 100644 --- a/packages/react-native-web/src/exports/TouchableOpacity/index.js +++ b/packages/react-native-web/src/exports/TouchableOpacity/index.js @@ -126,6 +126,7 @@ function TouchableOpacity(props: Props, forwardedRef): React.Node { {...pressEventHandlers} accessibilityDisabled={disabled} focusable={!disabled && focusable !== false} + pointerEvents={disabled ? 'none' : undefined} ref={setRef} style={[ styles.root,