From 0858010a5dd46c27d1235c41f84c3dd2e7ce5b2a Mon Sep 17 00:00:00 2001
From: RetroSunstar <57507616+RetroSunstar@users.noreply.github.com>
Date: Thu, 21 May 2026 17:32:29 +0100
Subject: [PATCH] Fix Image Options not opening on web (#10544)

---
 src/components/Lightbox/Lightbox.web.tsx             |  9 ++++-----
 .../Lightbox/chrome/CircleChromeButton.tsx           | 12 +++++++++++-
 .../Lightbox/chrome/CircleChromeButton.web.tsx       | 12 +++++++++++-
 3 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/src/components/Lightbox/Lightbox.web.tsx b/src/components/Lightbox/Lightbox.web.tsx
index 0d140747c8..4f88412d9a 100644
--- a/src/components/Lightbox/Lightbox.web.tsx
+++ b/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>
diff --git a/src/components/Lightbox/chrome/CircleChromeButton.tsx b/src/components/Lightbox/chrome/CircleChromeButton.tsx
index 735a98ded2..afc30c5859 100644
--- a/src/components/Lightbox/chrome/CircleChromeButton.tsx
+++ b/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=""
diff --git a/src/components/Lightbox/chrome/CircleChromeButton.web.tsx b/src/components/Lightbox/chrome/CircleChromeButton.web.tsx
index 10de083d48..5e8922c8c3 100644
--- a/src/components/Lightbox/chrome/CircleChromeButton.web.tsx
+++ b/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=""