Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-9421] MobileWeb: Difference in alignment of view

GitHub Issuen/a
TypeBug
PriorityHigh
StatusClosed
ResolutionFixed
Resolution Date2012-06-21T22:29:47.000+0000
Affected Version/sRelease 2.1.0
Fix Version/sRelease 2.1.0, Sprint 2012-13 MW
ComponentsMobileWeb
Labelsparity, regression
ReporterMauro Parra-Miranda
AssigneeBryan Hughes
Created2012-06-06T11:26:44.000+0000
Updated2012-06-26T14:52:14.000+0000

Description

PRoblem description

The customer is trying to replicate a view order from ios to mobileweb. In SDK 2.0.2GA, it's working really nice. In 2.1 CI build is broken.

Actual Results

The mobile web version is not aligned as the ios version.

Expected Results

Both UI should look the same.

TestCase

1. Create a mobile project. 2. Add this to app.js:
var win1 = Titanium.UI.createWindow({backgroundColor:'#FFFFFF'});
var mView = Ti.UI.createView({
			top:20,
			height:90,
			left:'5%',
			width:'90%',
			layout:'horizontal',
			backgroundColor:'#000'
		});
var bar1 = Ti.UI.createView({
				bottom:10,
				height:80,
				width:100,
				backgroundColor:'green'
			});
var bar2 = Ti.UI.createView({
				bottom:10,
				height:50,
				backgroundColor:'yellow',
				width:120
			});
mView.add(bar1);
mView.add(bar2);
win1.add(mView)
win1.open();

Attachments

FileDateSize
Screen Shot 2012-06-06 at 10.47.44 AM.png2012-06-06T11:26:44.000+000015918
webalign.png2012-06-06T11:26:44.000+000055668

Comments

  1. Bryan Hughes 2012-06-06

    This was fixed in TIMOB-8275 and will be included in the 2.1.0 release (you can use it in the CI builds today).
  2. Chris Barber 2012-06-21

    Confirmed.
  3. Bryan Hughes 2012-06-21

    Pull Request: https://github.com/appcelerator/titanium_mobile/pull/2452
  4. Lokesh Choudhary 2012-06-26

    Verified the issue in the environment below & found it to be working properly in mobile web. Titanium Studio : 2.1.0.201206251749 SDK version : 2.1.0.v20120626104306 Chrome : 19.0.1084.56

JSON Source