Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-14720] Android 4.3: Events Interaction - the expected box is not visible in the view

GitHub Issuen/a
TypeBug
PriorityHigh
StatusClosed
ResolutionFixed
Resolution Date2013-08-14T19:40:50.000+0000
Affected Version/sRelease 3.1.2
Fix Version/s2013 Sprint 16, 2013 Sprint 16 API, Release 3.1.2, Release 3.2.0
ComponentsAndroid, iOS
Labelsandroid, qe-3.1.2, qe-closed-3.1.2, qe-testadded
ReporterOlga Romero
AssigneeHieu Pham
Created2013-07-31T21:03:16.000+0000
Updated2015-02-02T20:47:15.000+0000

Description

This is not a regression, it happens with 3.1.1.GA a swell, seems like an Android 4.3 issue Test steps: 1. Install and run KitchenSink>Views>Events Interaction Actual result: The box is invisible, although click event returned the message that the box was clicked Expected result: The purple box should be visible

Attachments

FileDateSize
4.3.png2013-07-31T21:03:16.000+000036418
expected.png2013-07-31T21:03:16.000+000027839

Comments

  1. Ping Wang 2013-08-01

    PR: https://github.com/appcelerator/titanium_mobile/pull/4519
  2. Ping Wang 2013-08-02

    3_1_X PR: https://github.com/appcelerator/titanium_mobile/pull/4530
  3. Olga Romero 2013-08-06

    Tested and verified fix with: Appcelerator Studio, build: 3.1.2.201308021524 Titanium SDK, build: 3.1.2.v20130806104555 Alloy 1.2.0-alpha6 CLI: 3.1.2-alpha Devices: Nexus7(2) Android version 4.3 GalaxyS3 Android version 4.0.4
  4. Martin Guillon 2013-08-14

    WARNING: The PR is wrong and broke transparency for colors like "#00ff0000"
  5. Hieu Pham 2013-08-14

    Excellent point. Thank you for bringing that up. Master PR: https://github.com/appcelerator/titanium_mobile/pull/4572
  6. Hieu Pham 2013-08-14

    Additional test case 
       var win = Ti.UI.createWindow({backgroundColor: 'white'});
   var view = Ti.UI.createView({backgroundColor: '#00FF0000'});
   win.add(view);
   win.open();
    1. Run code, should see a white screen.
  7. Hieu Pham 2013-08-14

    Extensive test case: 
       var tests = {};
   var win = Ti.UI.createWindow({backgroundColor: 'white'});
   var section = Ti.UI.createListSection({ headerTitle: 'Colors Test'});
   	section.setItems([
   		{ properties: {title: 'Maroon Window', itemId: 'maroon', font: {fontSize: 24} } },
   		{ properties: {title: 'Fuchsia Window', itemId: 'fuchsia', font: {fontSize: 24}} },
   		{ properties: {title: 'Olive Window', itemId: 'olive', font: {fontSize: 24}} },
   		{ properties: {title: 'Silver Window', itemId: 'silver', font: {fontSize: 24}} },
   		{ properties: {title: 'Aqua Window', itemId: 'aqua', font: {fontSize: 24}} },
   		{ properties: {title: 'Lime Window', itemId: 'lime', font: {fontSize: 24}} },
   		{ properties: {title: 'Navy Window', itemId: 'navy', font: {fontSize: 24}} },
   		{ properties: {title: 'Purple Window', itemId: 'purple', font: {fontSize: 24}} },
   		{ properties: {title: 'Blue Window', itemId: 'blue', font: {fontSize: 24}} },
   		{ properties: {title: 'Yellow Window', itemId: 'yellow', font: {fontSize: 24}} },
   		{ properties: {title: 'Teal Window', itemId: 'teal', font: {fontSize: 24}} }
   	]);
   var listView = Ti.UI.createListView({backgroundColor: "white", sections: [section]});
   
   listView.addEventListener('itemclick', function(e) {
   		var f = tests[e.itemId];
   		if (f) f();
   });
   
   
   win.add(listView);
   
   
   tests.maroon = function() {
   	var win = Ti.UI.createWindow({fullscreen: false, backgroundColor: 'maroon', title: 'Maroon Window' });
   	var view = Ti.UI.createView({backgroundColor: '#00FF00FF'});
   	win.add(view);
   	win.open();
   }
   tests.fuchsia = function() {
   	var win = Ti.UI.createWindow({fullscreen: false, backgroundColor: 'fuchsia', title: 'Fuchsia Window' });
   	win.open();
   }
   tests.olive = function() {
   	var win = Ti.UI.createWindow({fullscreen: false, backgroundColor: 'olive', title: 'Olive Window' });
   	var view = Ti.UI.createView({backgroundColor: '#00FF00FF'});
   	win.add(view);
   	win.open();
   }
   tests.silver = function() {
   	var win = Ti.UI.createWindow({fullscreen: false, backgroundColor: 'silver', title: 'Silver Window' });
   	var view = Ti.UI.createView({backgroundColor: '#00FF0000'});
   	win.add(view);
   	win.open();
   }
   tests.aqua = function() {
   	var win = Ti.UI.createWindow({fullscreen: false, backgroundColor: 'aqua', title: 'Aqua Window' });
   	win.open();
   }
   tests.lime = function() {
   	var win = Ti.UI.createWindow({fullscreen: false, backgroundColor: 'lime', title: 'Lime Window' });
   	win.open();
   }
   tests.navy = function() {
   	var win = Ti.UI.createWindow({fullscreen: false, backgroundColor: 'navy', title: 'Navy Window' });
   	var view = Ti.UI.createView({backgroundColor: '#00FF00FF'});
   	win.add(view);
   	win.open();
   }
   tests.purple = function() {
   	var win = Ti.UI.createWindow({fullscreen: false, backgroundColor: 'purple', title: 'Purple Window' });
   	win.open();
   }
   tests.teal = function() {
   	var win = Ti.UI.createWindow({fullscreen: false, backgroundColor: 'teal', title: 'Teal Window' });
   	win.open();
   }
   
   tests.blue = function() {
   	var win = Ti.UI.createWindow({fullscreen: false, backgroundColor: 'blue', title: 'Blue Window' });
   	var view = Ti.UI.createView({backgroundColor: '#00FF00FF'});
   	win.add(view);
   	win.open();
   }
   
   tests.yellow = function() {
   	var win = Ti.UI.createWindow({fullscreen: false, backgroundColor: 'yellow', title: 'Yellow Window' });
   	win.open();
   }
   win.open();
  8. Ping Wang 2013-08-14

    3_1_X PR: https://github.com/appcelerator/titanium_mobile/pull/4573
  9. Olga Romero 2013-08-14

    Tested above code and verified fix with: Appcelerator Studio: , build: 3.1.2.201308091728 Titanium SDK, build: 3.1.2.v20130814124556 CLI: 3.1.2-alpha Alloy: 1.2.0-alpha6 Device: Nexus4 Android version 4.3

JSON Source