-
-
Notifications
You must be signed in to change notification settings - Fork 972
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Android] [Talkback] [Accessible] Cannot select other components on screen after moving the Bottomsheet #3046
Comments
It seems wrong in implementation of Hover feature that make this conflicted with scroll event. After editing the override function then Talkback now can work again after moving bottomsheet.
|
Hey! 👋 It looks like you've omitted a few important sections from the issue template. Please complete Snack or a link to a repository section. |
Hey! 👋 The issue doesn't seem to contain a minimal reproduction. Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem? |
Hey @namtran-axonvibemta, could you provide some repro for this? I have tried using bottom sheet with some import React, {useRef, useCallback} from 'react';
import {SafeAreaView, StyleSheet, Text, Pressable} from 'react-native';
import BottomSheet, {BottomSheetView} from '@gorhom/bottom-sheet';
import {GestureHandlerRootView} from 'react-native-gesture-handler';
function App(): React.JSX.Element {
const [counter, setCounter] = React.useState(0);
const bottomSheetRef = useRef<BottomSheet>(null);
const handleSheetChanges = useCallback((index: number) => {
console.log('handleSheetChanges', index);
}, []);
const handleClick = () => {
setCounter(counter + 1);
};
return (
<GestureHandlerRootView style={{flex: 1}}>
<SafeAreaView style={styles.container}>
<Pressable onPress={handleClick} style={styles.pressable}>
<Text style={styles.pressableText}>Click me {counter}</Text>
</Pressable>
<BottomSheet
snapPoints={['20%', '95%']}
ref={bottomSheetRef}
onChange={handleSheetChanges}>
<BottomSheetView style={styles.contentContainer}>
<Text>Awesome 🎉</Text>
</BottomSheetView>
</BottomSheet>
</SafeAreaView>
</GestureHandlerRootView>
);
}
const styles = StyleSheet.create({
contentContainer: {
flex: 1,
alignItems: 'center',
backgroundColor: 'white',
},
container: {
flex: 1,
padding: 24,
backgroundColor: 'grey',
},
pressable: {
backgroundColor: 'cyan',
padding: 10,
justifyContent: 'center',
alignItems: 'center',
},
pressableText: {
color: 'black',
fontSize: 18,
fontWeight: 'bold',
},
});
export default App; |
Description
[Android] [Talkback] [Accessible] Cannot select other components on screen after moving
Steps to reproduce
Snack or a link to a repository
""
Gesture Handler version
2.18.1
React Native version
0.74
Platforms
Android
JavaScript runtime
None
Workflow
None
Architecture
None
Build type
None
Device
None
Device model
No response
Acknowledgements
Yes
The text was updated successfully, but these errors were encountered: