Mark TouchableRipple disabled if not editable or tappable (#31052)

WordPress · Apr 22, 2021 · a4782af · a4782af
1 parent c3709a3
commit a4782af
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/components/src/mobile/bottom-sheet/cell.native.js b/packages/components/src/mobile/bottom-sheet/cell.native.js
@@ -159,6 +159,11 @@ class BottomSheetCell extends Component {
 			cellRowContainerStyle,
 		];
 
+		const isInteractive =
+			isValueEditable ||
+			onPress !== undefined ||
+			onLongPress !== undefined;
+
 		const onCellPress = () => {
 			if ( isValueEditable ) {
 				startEditing();
@@ -308,7 +313,7 @@ class BottomSheetCell extends Component {
 						  __( 'Double tap to edit this value' )
 						: accessibilityHint
 				}
-				disabled={ disabled }
+				disabled={ disabled || ! isInteractive }
 				activeOpacity={ opacity }
 				onPress={ onCellPress }
 				onLongPress={ onLongPress }