question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Borders on views with border radius set render incorrectly on Android Jellybean

See original GitHub issue

Is 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

  1. react-native init jellybeantest
  2. add border styles to instructions in App.js
    borderColor: '#222',
    borderRadius: 5,
    borderWidth: 1,
    
  3. react-native run-android (on an emulator running API 16)

Expected Behavior

The text should be surrounded with a border with rounded corners image API 19 | API 23

Actual Behavior

The border is variable width and has no rounded corners. image

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:closed
  • Created 6 years ago
  • Reactions:2
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

6reactions
tuvshinbatgerucommented, Mar 5, 2018

So point is this issue not gonna fixed next versions as well?. Pathetic …

3reactions
hramoscommented, Mar 5, 2018

@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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found