Fix Image Options not opening on web (#10544)

src/components/Lightbox/Lightbox.web.tsx

@@ -260,16 +260,15 @@ function LightboxGallery({
       <Menu.Root>
         <Menu.Trigger label={_(msg`Image options`)}>
           {({props}) => (
-            <Pressable
-              {...props}
-              accessible={false}
-              style={[a.absolute, styles.menuBtn, delayedFadeInAnim]}>
+            <View style={[a.absolute, styles.menuBtn, delayedFadeInAnim]}>
               <CircleChromeButton
+                {...props}
+                accessible={false}
                 icon={EllipsisIcon}
                 iconStyle={{transform: [{rotate: '90deg'}]}}
                 label={_(msg`Image options`)}
               />
-            </Pressable>
+            </View>
           )}
         </Menu.Trigger>
         <Menu.Outer>

src/components/Lightbox/chrome/CircleChromeButton.tsx

@@ -17,7 +17,15 @@ type Props = {
   label: string
   onPress?: PressableProps['onPress']
   testID?: string
-}
+} & Omit<
+  PressableProps,
+  | 'onPress'
+  | 'style'
+  | 'testID'
+  | 'accessibilityRole'
+  | 'accessibilityLabel'
+  | 'accessibilityHint'
+>
 
 const SIZE = 44
 const RADIUS = 24
@@ -29,9 +37,11 @@ export function CircleChromeButton({
   label,
   onPress,
   testID,
+  ...rest
 }: Props) {
   return (
     <Pressable
+      {...rest}
       accessibilityRole="button"
       accessibilityLabel={label}
       accessibilityHint=""

src/components/Lightbox/chrome/CircleChromeButton.web.tsx

@@ -17,7 +17,15 @@ type Props = {
   label: string
   onPress?: PressableProps['onPress']
   testID?: string
-}
+} & Omit<
+  PressableProps,
+  | 'onPress'
+  | 'style'
+  | 'testID'
+  | 'accessibilityRole'
+  | 'accessibilityLabel'
+  | 'accessibilityHint'
+>
 
 const SIZE = 44
 const RADIUS = 24
@@ -29,9 +37,11 @@ export function CircleChromeButton({
   label,
   onPress,
   testID,
+  ...rest
 }: Props) {
   return (
     <Pressable
+      {...rest}
       accessibilityRole="button"
       accessibilityLabel={label}
       accessibilityHint=""