Skip to content
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 7.0] border not scaling properly when borderRadius is set #20998

Closed
3 tasks done
Fsarmento opened this issue Sep 6, 2018 · 1 comment
Closed
3 tasks done
Labels
Resolution: Locked This issue was locked by the bot.

Comments

@Fsarmento
Copy link

Fsarmento commented 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:

screenshot_20180906-185029

However, it does render as expected on Android 6:

screenshot_20180906-184828

On ios it renders fine:
img_0327

Reproducible Demo

Find here a reproducible Demo. For the bug to occure, scan the QR code with an android phone with Android 7.0.

@Fsarmento 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
@Fsarmento
Copy link
Author

the issue #18208 already addresses this issue. I will close this one.

@facebook facebook locked as resolved and limited conversation to collaborators Sep 6, 2019
@react-native-bot react-native-bot added the Resolution: Locked This issue was locked by the bot. label Sep 6, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Resolution: Locked This issue was locked by the bot.
Projects
None yet
Development

No branches or pull requests

2 participants