Borders on views with border radius set render incorrectly on Android Jellybean
See original GitHub issueIs this a bug report?
Yes
Have you read the Contributing Guidelines?
Yes
Environment
Environment: OS: Linux 4.13 Node: 6.12.3 Yarn: 1.3.2 npm: 3.10.10 Watchman: Not Found Xcode: N/A Android Studio: 3.0 AI-171.4443003
Packages: (wanted => installed) react: ^16.3.0-alpha.1 => 16.3.0-alpha.1 react-native: ^0.54.0-rc.3 => 0.54.0-rc.3
Target Platform: Android Jellybean (API 16)
Steps to Reproduce
https://github.com/jasonthomasgray/react-native-jellybean-issue
- react-native init jellybeantest
- add border styles to instructions in App.js
borderColor: '#222', borderRadius: 5, borderWidth: 1,
- react-native run-android (on an emulator running API 16)
Expected Behavior
The text should be surrounded with a border with rounded corners API 19 | API 23
Actual Behavior
The border is variable width and has no rounded corners.
Reproducible Demo
https://github.com/jasonthomasgray/react-native-jellybean-issue Launch the app on an emulator running android API 16 to see the issue
Issue Analytics
- State:
- Created 6 years ago
- Reactions:2
- Comments:6 (2 by maintainers)
Top Results From Across the Web
html - Android browser renders borders wrong when there's a ...
It's a problem of the android browser, it draws the rounded corner and if the border-width is higher than the radius the area...
Read more >HTML : Android browser renders borders wrong when there's a ...
HTML : Android browser renders borders wrong when there's a border radius smaller than the overall border width [ Beautify Your Computer ...
Read more >IE11 renders elements with border-radius incorrectly
My Internet Explorer 11.0. 13 renders all css-elements with a positive border-radius incorrectly: it shows diagonal lines and shaded areas over ...
Read more >Diff - b37768816cd9c530dcbb3a8f51d87536406a975b^2 ...
diff --git a/core/java/android/view/GestureDetector.java ... + -moz-border-radius: 5px; + border-radius: 5px height:78px; + width: 78px; + float: left; ...
Read more >CSS: border-radius and -moz-border-radius - The Art of Web
As with many CSS properties relating to margins, padding and borders, there are four individual properties - one for each corner of a...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
So point is this issue not gonna fixed next versions as well?. Pathetic …
@AkilLis your latest comment on this issue is disrespectful and not constructive. Please take a look at the Code of Conduct before engaging in this repository. This is your first warning.