Repository navigation
Border radius is not working on Android API 17 #1000
Description
This is a simplified version of our xml:
<Border class="list-icon" backgroundColor="#FAFAFA" borderColor="black">
<Label color="red" class="icon-letter" text="H"/>
</Border>and the CSS:
.list-icon {
border-width: 2;
horizontal-align: center;
vertical-align: center;
margin: 0 0 0 15;
border-radius: 22;
width: 44;
height: 44;
}
.icon-letter {
horizontal-align: center;
vertical-align: center;
font-size: 16;
}
Activity
vchimev commentedon Oct 30, 2015
Hi @lscown,
We managed to reproduce the issue and will look into it.
vakrilov commentedon Nov 9, 2015
It look like some of the canvas APIs (forexample
canvas.clipPath(path)) we are using are unsupported if hardware accelerations is enabled.The solution is to use software layer for the view:
bradmartin commentedon Nov 10, 2015
@vakrilov - is there a negative performance impact by using this on images? What about buttons? Border-radius doesnt work on my device (issue ref above) so wondering if the same internal canvas code is used on buttons? Thanks!
vakrilov commentedon Nov 10, 2015
@bradmartin
There might a negative performance impact - for example if rounded borders are used on many elements on a page - please refer to hardware acceleration article. However, keep in mind that:
About the Canvas API-s we are using - you can check them here. Probably the
canvas.clipPath(path)call was causing the issue with rendering - according to the article above it is supported on after API lvl 18.lock commentedon Aug 30, 2019
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.