[TIMOB-26683] Label don't appears on Android 5.1 and below when use borderRadius on a semi-transparent view.

GitHub Issue	n/a
Type	Bug
Priority	n/a
Status	Open
Resolution	Unresolved
Affected Version/s	n/a
Fix Version/s	n/a
Components	n/a
Labels	alloy, android, android-5, engSchedule
Reporter	Jórdan Luiz Bisato
Assignee	Eric Merriman
Created	2018-12-28T12:36:40.000+0000
Updated	2019-03-19T15:38:22.000+0000

Description

When on Android 5.1 or below, the label don't appears when i use a label inside a semi-transparent view with borderRadius. On iOS and Android 6 or above is working fine. Example of code that i use: *index.xml*

<Alloy>
<Window>
<View class="vLabelSimpleCardIcon">
        <Label text="TEST" class="lblSimpleCardIcon" height="Ti.UI.SIZE"></Label>
      </View>
</Window>
</Alloy>

*index.tss*

'.vLabelSimpleCardIcon': {
	layout: 'vertical',
	width: "79%",
	left: "16%",
	backgroundColor: '#F9F7F4',
	touchEnabled: false,
	opacity: "0.4",
	height: 50,
	borderRadius: 8
}

'.lblSimpleCardIcon': {
	font: {
		fontSize: 12,
		fontFamily: "Roboto",
	},
	color: "black",
	left: "11%",
	top: 18,
	textAlign: Ti.UI.TEXT_ALIGNMENT_LEFT,
	touchEnabled: false,
	width: Ti.UI.SIZE,
	height: 27,
	ellipsize: Ti.UI.TEXT_ELLIPSIZE_TRUNCATE_END,
}

The attached image is showing this issue on Android 5.0 and 5.1 and working fine on Android 6.0.

Attachments

File	Date	Size
Captura de Tela 2018-12-27 às 11.35.47.png	2018-12-28T12:28:18.000+0000	1768249

Comments

Sharif AbuDarda 2018-12-30

Hello [~jordanbisato], I have tested your sample code and was able to reproduce the issue on Android version below 6.0 with SDK 7.5.0.GA. Moving to TIMOB for our engineers to work on this. Thanks for reporting.

JSON Source