Details
-
Type:
Bug
-
Status: Open
-
Resolution: Unresolved
-
Affects Version/s: Release 7.2.0, Release 8.0.2
-
Fix Version/s: None
-
Component/s: Android
-
Environment:
Operating System
Name = Mac OS X
Version = 10.13.2
Architecture = 64bit- CPUs = 8
Memory = 16.0GB
Node.js
Node.js Version = 8.1.2
npm Version = 3.10.10Appcelerator CLI
Installer = 4.2.13
Core Package = 7.0.4Titanium CLI
CLI Version = 5.1.1
node-appc Version = 0.2.44
Titanium SDK
7.2.0.GA 7.2.1.RC 7.3.0 RCReal Device: Lenovo A328 - Android 4.4.2
Simulator: Genymotion Google Nexus 5 - 4.4.4 - API 19 - 1080x1920Operating System Name = Mac OS X Version = 10.13.2 Architecture = 64bit CPUs = 8 Memory = 16.0GB Node.js Node.js Version = 8.1.2 npm Version = 3.10.10 Appcelerator CLI Installer = 4.2.13 Core Package = 7.0.4 Titanium CLI CLI Version = 5.1.1 node-appc Version = 0.2.44 Titanium SDK 7.2.0.GA 7.2.1.RC 7.3.0 RC Real Device: Lenovo A328 - Android 4.4.2 Simulator: Genymotion Google Nexus 5 - 4.4.4 - API 19 - 1080x1920 - CPUs = 8
Description
Hi,
Firstly this is happening on Android < 5.
I believe this relates to https://jira.appcelerator.org/browse/TIMOB-24898
I left a comment there but saw there was already another comment from November 2017 so I asked and was advised to open a new ticket.
As the title states - when creating a view and setting borderRadius > 0 and opacity < 1 this causes top of child content to be cut off. ie not displayed.
I have attached screenshots of it both working and not working.
Steps to reproduce:
1. Build a new clean alloy app
2. Add the following code to index.js
3. Notice the top of the child view gets cut off.
4. To fix - remove borderRadius / opacity value and build again and the child view will no longer be cut off
// create alertView container
|
var alertView = Ti.UI.createView({ |
backgroundColor:'white', |
opacity: 0.90,
|
borderRadius: 5,
|
width: "85%", |
height: '200dp', |
layout: 'vertical', |
});
|
|
// create alertTitleView
|
var alertTitleView = Ti.UI.createView({ |
width: Ti.UI.FILL,
|
height: Ti.UI.SIZE,
|
});
|
|
// create alertTitleLabel
|
var alertTitleLabel = Ti.UI.createLabel({ |
text: "This is a long test title This is a long test title This is a long test title This is a long test title", |
color: 'black', |
textAlign: 'center', |
touchEnabled: false, |
top: "15dp", |
left: 5,
|
right: 5,
|
font: {
|
fontSize: '20dp', |
}
|
});
|
|
alertTitleView.add(alertTitleLabel);
|
alertView.add(alertTitleView);
|
|
$.main.backgroundColor = "black"; |
|
$.main.add(alertView);
|
|
$.main.open();
|
