zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

make sure click events on the emoji picker don't bubble up to the mask (#1427)

zio/stable
Ansh 2023-09-12 02:01:14 +05:30 committed by GitHub
parent bcd63e710c
commit 27cb1bd276
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 21 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/view/com/composer/text-input/web/EmojiPicker.web.tsx
View File

@ -58,6 +58,11 @@ export function EmojiPicker({close}: {close: () => void}) {
// eslint-disable-next-line react-native-a11y/has-valid-accessibility-descriptors // eslint-disable-next-line react-native-a11y/has-valid-accessibility-descriptors
<TouchableWithoutFeedback onPress={close} accessibilityViewIsModal> <TouchableWithoutFeedback onPress={close} accessibilityViewIsModal>
<View style={styles.mask}> <View style={styles.mask}>
{/* eslint-disable-next-line react-native-a11y/has-valid-accessibility-descriptors */}
<TouchableWithoutFeedback
onPress={e => {
e.stopPropagation() // prevent event from bubbling up to the mask
}}>
<View <View
style={[ style={[
styles.picker, styles.picker,
@ -73,6 +78,7 @@ export function EmojiPicker({close}: {close: () => void}) {
autoFocus={false} autoFocus={false}
/> />
</View> </View>
</TouchableWithoutFeedback>
</View> </View>
</TouchableWithoutFeedback> </TouchableWithoutFeedback>
) )