Skip to content

[0.57.1] Android overflow doesn't register taps (touchable) in the "overflowed" area #21455

Description

@rborn

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 🤗

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions