[0.57.1] Android overflow doesn't register taps (touchable) in the "overflowed" area #21455
Description
- Review the documentation: https://facebook.github.io/react-native
- Search for existing issues: https://github.com/facebook/react-native/issues
- Use the latest React Native release: https://github.com/facebook/react-native/releases
Environment
React Native Environment Info:
System:
OS: macOS High Sierra 10.13.6
CPU: x64 Intel(R) Core(TM) i7-4980HQ CPU @ 2.80GHz
Memory: 62.65 MB / 16.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 10.9.0 - /usr/local/bin/node
Yarn: 1.7.0 - ~/.npm-packages/bin/yarn
npm: 6.0.1 - ~/.npm-packages/bin/npm
Watchman: 4.7.0 - /usr/local/bin/watchman
SDKs:
iOS SDK:
Platforms: iOS 11.4, macOS 10.13, tvOS 11.4, watchOS 4.3
Android SDK:
Build Tools: 21.1.2, 23.0.1, 23.0.2, 23.0.3, 24.0.1, 25.0.0, 25.0.1, 25.0.2, 25.0.3, 26.0.0, 26.0.1, 26.0.2, 26.0.3, 27.0.1, 27.0.2, 27.0.3, 28.0.2
API Levels: 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28
IDEs:
Android Studio: 2.3 AI-162.4069837
Xcode: 9.4.1/9F2000 - /usr/bin/xcodebuild
npmPackages:
react: 16.5.0 => 16.5.0
react-native: 0.57.1 => 0.57.1
Description
The "new" overflow feature works great now except the fact that it doesn't register the taps on the outside area. That's Android only.
Reproducible Demo
<View
style={{
width: 50,
height: 50,
borderColor: 'blue',
borderWidth: 2,
overflow: 'visible'
}}
>
<TouchableOpacity style={{ width: 100, height: 100, backgroundColor: '#f006' }}>
<Text>some button</Text>
</TouchableOpacity>
</View>
Tap inside the blue square - works. Tap on the red square but outside the blue one - it doesn't
Am I doing something wrong?
Thank you 🤗