Fix Image Options not opening on web (#10544)

This commit is contained in:
RetroSunstar
2026-05-21 17:32:29 +01:00
committed by GitHub
parent 901b1a3a9e
commit 0858010a5d
3 changed files with 26 additions and 7 deletions
+4 -5
View File
@@ -260,16 +260,15 @@ function LightboxGallery({
<Menu.Root> <Menu.Root>
<Menu.Trigger label={_(msg`Image options`)}> <Menu.Trigger label={_(msg`Image options`)}>
{({props}) => ( {({props}) => (
<Pressable <View style={[a.absolute, styles.menuBtn, delayedFadeInAnim]}>
{...props}
accessible={false}
style={[a.absolute, styles.menuBtn, delayedFadeInAnim]}>
<CircleChromeButton <CircleChromeButton
{...props}
accessible={false}
icon={EllipsisIcon} icon={EllipsisIcon}
iconStyle={{transform: [{rotate: '90deg'}]}} iconStyle={{transform: [{rotate: '90deg'}]}}
label={_(msg`Image options`)} label={_(msg`Image options`)}
/> />
</Pressable> </View>
)} )}
</Menu.Trigger> </Menu.Trigger>
<Menu.Outer> <Menu.Outer>
@@ -17,7 +17,15 @@ type Props = {
label: string label: string
onPress?: PressableProps['onPress'] onPress?: PressableProps['onPress']
testID?: string testID?: string
} } & Omit<
PressableProps,
| 'onPress'
| 'style'
| 'testID'
| 'accessibilityRole'
| 'accessibilityLabel'
| 'accessibilityHint'
>
const SIZE = 44 const SIZE = 44
const RADIUS = 24 const RADIUS = 24
@@ -29,9 +37,11 @@ export function CircleChromeButton({
label, label,
onPress, onPress,
testID, testID,
...rest
}: Props) { }: Props) {
return ( return (
<Pressable <Pressable
{...rest}
accessibilityRole="button" accessibilityRole="button"
accessibilityLabel={label} accessibilityLabel={label}
accessibilityHint="" accessibilityHint=""
@@ -17,7 +17,15 @@ type Props = {
label: string label: string
onPress?: PressableProps['onPress'] onPress?: PressableProps['onPress']
testID?: string testID?: string
} } & Omit<
PressableProps,
| 'onPress'
| 'style'
| 'testID'
| 'accessibilityRole'
| 'accessibilityLabel'
| 'accessibilityHint'
>
const SIZE = 44 const SIZE = 44
const RADIUS = 24 const RADIUS = 24
@@ -29,9 +37,11 @@ export function CircleChromeButton({
label, label,
onPress, onPress,
testID, testID,
...rest
}: Props) { }: Props) {
return ( return (
<Pressable <Pressable
{...rest}
accessibilityRole="button" accessibilityRole="button"
accessibilityLabel={label} accessibilityLabel={label}
accessibilityHint="" accessibilityHint=""