Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-19548] Android: Cannot use elevation and translation properties with border properties

GitHub Issuen/a
TypeBug
PriorityNone
StatusOpen
ResolutionUnresolved
Affected Version/sRelease 5.1.0, Release 5.0.0, Release 6.1.1, Release 8.2.0
Fix Version/sn/a
ComponentsAndroid
LabelsengSchedule, reprod
ReporterBenjamin Hatfield
AssigneeLokesh Choudhary
Created2015-09-18T18:13:54.000+0000
Updated2019-10-15T15:52:28.000+0000

Description

REPRODUCTION: Run the code below in the Genymotion Emulator or device. RESULTS: The View with the borderColor property is not elevated. If you omit the translationX property, the entire square will be white. Seems the border is cutting off the translated view.
var win = Ti.UI.createWindow({
    layout: 'vertical',
    backgroundColor: '#cccccc'
});

var view1 = Ti.UI.createView({
    top: 25,
    elevation: 50,
    backgroundColor: 'white',
    height: 100,
    width: 100,
    translationX: -25

});

var view2 = Ti.UI.createView({
    top: 25,
    elevation: 50,
    backgroundColor: 'white',
    height: 100,
    width: 100,
    borderColor: 'black',
    translationX: -25
});

win.add(view1);
win.add(view2);
win.open();

Attachments

FileDateSize
Screen Shot 2015-09-18 at 11.00.45 AM.png2015-09-18T18:13:13.000+000090371

Comments

  1. Pascal 2015-10-21

    Hello, same issue with borderRadius property.
  2. Lee Morris 2017-07-05

    I am able to reproduce this issue with the following environment; Pixel (7.1) Studio 4.9.0.201705302345 Ti SDK 6.1.1 GA Appc NPM 4.2.9 Appc CLI 6.2.2 Ti CLI 5.0.14 Alloy 1.9.11 Xcode 8.2 (8C38) Node v4.8.2 Java 1.8.0_131
  3. Alan Hutton 2019-10-10

    Reproducible. Axway Appcelerator Studio, build: 5.1.4.201909061933  macOS : 10.15 Node.js Version : 8.9.1 npm Version : 5.5.1 Appcelerator CLI : 7.1.1 Titanium CLI CLI Version : 5.2.1 node-appc Version : 0.2.49 Titanium SDKs : 8.2.0.GA Pixel 3 Android API 29

JSON Source