From eb254686048155ae06b2863a168f1301feacca24 Mon Sep 17 00:00:00 2001
From: dhairyasenjaliya <dhairyasenjaliya@gmail.com>
Date: Fri, 7 Oct 2022 22:22:38 +0530
Subject: [PATCH] PointerEvent Auto added

---
 src/components/MenuItem.js                   | 4 ++--
 src/styles/pointerEventsAuto/index.js        | 3 +++
 src/styles/pointerEventsAuto/index.native.js | 1 +
 src/styles/styles.js                         | 3 +++
 4 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 src/styles/pointerEventsAuto/index.js
 create mode 100644 src/styles/pointerEventsAuto/index.native.js

diff --git a/src/components/MenuItem.js b/src/components/MenuItem.js
index 1059cd965fb1a..908fd808e4749 100644
--- a/src/components/MenuItem.js
+++ b/src/components/MenuItem.js
@@ -79,7 +79,7 @@ const MenuItem = (props) => {
         >
             {({hovered, pressed}) => (
                 <>
-                    <View style={[styles.flexRow, styles.pointerEventsNone, styles.flex1]}>
+                    <View style={[styles.flexRow, styles.pointerEventsAuto, styles.flex1, props.disabled && styles.cursorDisabled]}>
                         {(props.icon && props.iconType === CONST.ICON_TYPE_ICON) && (
                             <View
                                 style={[
@@ -161,7 +161,7 @@ const MenuItem = (props) => {
                             </View>
                         )}
                         {Boolean(props.shouldShowRightIcon) && (
-                            <View style={styles.popoverMenuIcon}>
+                            <View style={[styles.popoverMenuIcon, styles.pointerEventsAuto, props.disabled && styles.cursorDisabled]}>
                                 <Icon
                                     src={props.iconRight}
                                     fill={StyleUtils.getIconFillColor(getButtonState(props.focused || hovered, pressed, props.success, props.disabled, props.interactive))}
diff --git a/src/styles/pointerEventsAuto/index.js b/src/styles/pointerEventsAuto/index.js
new file mode 100644
index 0000000000000..add748e52fe50
--- /dev/null
+++ b/src/styles/pointerEventsAuto/index.js
@@ -0,0 +1,3 @@
+export default {
+    pointerEvents: 'auto',
+};
diff --git a/src/styles/pointerEventsAuto/index.native.js b/src/styles/pointerEventsAuto/index.native.js
new file mode 100644
index 0000000000000..ff8b4c56321a3
--- /dev/null
+++ b/src/styles/pointerEventsAuto/index.native.js
@@ -0,0 +1 @@
+export default {};
diff --git a/src/styles/styles.js b/src/styles/styles.js
index 907326b92dc60..40372d5154b16 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -18,6 +18,7 @@ import visibility from './utilities/visibility';
 import writingDirection from './utilities/writingDirection';
 import optionAlternateTextPlatformStyles from './optionAlternateTextPlatformStyles';
 import pointerEventsNone from './pointerEventsNone';
+import pointerEventsAuto from './pointerEventsAuto';
 import overflowXHidden from './overflowXHidden';
 
 const picker = {
@@ -1747,6 +1748,8 @@ const styles = {
 
     pointerEventsNone,
 
+    pointerEventsAuto,
+
     headerBar: {
         overflow: 'hidden',
         justifyContent: 'center',