You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Find here a reproducible Demo. For the bug to occure, scan the QR code with an android phone with Android 7.0.
The text was updated successfully, but these errors were encountered:
Fsarmento
changed the title
[Android 7.0] border not scaling properly when borderRadius and overflow: hidden are set
[Android 7.0] border not scaling properly when borderRadius is set
Sep 6, 2018
Environment
React Native Environment Info:
System:
OS: macOS High Sierra 10.13.6
CPU: x64 Intel(R) Core(TM) i5-5257U CPU @ 2.70GHz
Memory: 28.04 MB / 8.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 8.11.1 - /usr/local/bin/node
Yarn: 1.9.4 - /usr/local/bin/yarn
npm: 6.2.0 - /usr/local/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
SDKs:
iOS SDK:
Platforms: iOS 11.4, macOS 10.13, tvOS 11.4, watchOS 4.3
IDEs:
Android Studio: 3.1 AI-173.4907809
Xcode: 9.4.1/9F2000 - /usr/bin/xcodebuild
npmPackages:
react: 16.4.1 => 16.4.1
react-native: 0.56.0 => 0.56.0
npmGlobalPackages:
react-native-cli: 2.0.1
react-native-git-upgrade: 0.2.7
PS: the same bug happens in Expo
Description
In Android 7.0, when scaling a view that has borderRadius set to a value bigger than 0, the border does not scale with the rest of the component.
style: {
transform: [{ scale: 1.3 }],
borderRadius: 130 / 2,
...otherStyles,
},
Example:
However, it does render as expected on Android 6:
On ios it renders fine:
Reproducible Demo
Find here a reproducible Demo. For the bug to occure, scan the QR code with an android phone with Android 7.0.
The text was updated successfully, but these errors were encountered: