Fix Image Options not opening on web (#10544)
This commit is contained in:
@@ -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=""
|
||||||
|
|||||||
Reference in New Issue
Block a user