{
	"id": "171216",
	"key": "TIMOB-25834",
	"fields": {
		"issuetype": {
			"id": "1",
			"description": "A problem which impairs or prevents the functions of the product.",
			"name": "Bug",
			"subtask": false
		},
		"project": {
			"id": "10153",
			"key": "TIMOB",
			"name": "Titanium SDK/CLI",
			"projectCategory": {
				"id": "10100",
				"description": "Titanium and related SDKs used in application development",
				"name": "Client"
			}
		},
		"fixVersions": [],
		"resolution": null,
		"resolutiondate": null,
		"created": "2018-02-28T14:21:21.000+0000",
		"priority": null,
		"labels": [],
		"versions": [],
		"issuelinks": [],
		"assignee": {
			"name": "vijaysingh",
			"key": "vijaysingh",
			"displayName": "Vijay Singh",
			"active": true,
			"timeZone": "America/Los_Angeles"
		},
		"updated": "2018-03-06T04:22:56.000+0000",
		"status": {
			"description": "The issue is open and ready for the assignee to start work on it.",
			"name": "Open",
			"id": "1",
			"statusCategory": {
				"id": 2,
				"key": "new",
				"colorName": "blue-gray",
				"name": "To Do"
			}
		},
		"components": [],
		"description": "The horizontal layout was working as expected in 6.0.3 with labels that are multi line.  Now with 7.0.2 the multi line label is no longer horizontal, but ends up vertical.\r\n\r\nIn 6.1.0 CLI, 6.0.3 TI SDK the horizontal layout worked correctly with a multi line label.\r\n !Screen Shot 2018-02-28 at 9.05.51 AM.png|thumbnail! \r\n\r\nIn 7.0.2 CLI, 7.0.2 Ti SDK the horizontal layout is no longer horizontal with a multi line label.\r\n !Screen Shot 2018-02-28 at 9.13.14 AM.png|thumbnail! \r\n\r\nCode to reproduce:\r\n\r\nindex.xml\r\n{code}\r\n<Alloy>\r\n    <Window class=\"container\">\r\n        <View layout=\"vertical\" top=\"50\">\r\n            <Button onClick=\"onClick\" title=\"Click\"/>\r\n            <View id=\"message_section\">\r\n                <ImageView id=\"icon\" accessibilityLabel=\"confirmation_icon\"/>\r\n                <Label id=\"message\" accessibilityValue=\"confirmation_message\"/>\r\n            </View>\r\n            <View id=\"message_section_good\">\r\n                <ImageView id=\"icon_good\" accessibilityLabel=\"confirmation_icon\"/>\r\n                <Label id=\"message_good\" accessibilityValue=\"confirmation_message\"/>\r\n            </View>\r\n            <View id=\"message_section_changeless\">\r\n                <ImageView id=\"icon_changeless\" accessibilityLabel=\"confirmation_icon\"/>\r\n                <Label id=\"message_changeless\" accessibilityValue=\"confirmation_message\"/>\r\n            </View>\r\n        </View>\r\n    </Window>\r\n</Alloy>\r\n{code}\r\n\r\nindex.tss\r\n{code}\r\n\".container\": {\r\n\tbackgroundColor:\"white\"\r\n}\r\n\r\n\"Label\": {\r\n\twidth: Ti.UI.SIZE,\r\n\theight: Ti.UI.SIZE,\r\n\tcolor: \"#000\"\r\n}\r\n\r\n'#message_section': {\r\n    layout: 'horizontal',\r\n    borderColor: 'orange',\r\n    top: 36,\r\n    left: 50,\r\n    right: 50,\r\n    width: Ti.UI.FILL,\r\n    height: Ti.UI.SIZE\r\n},\r\n\r\n'#icon': {\r\n    width: 0,\r\n    borderColor: 'red',\r\n    top: 0,\r\n    height: 0,\r\n    visible: false\r\n},\r\n\r\n'#message': {\r\n    borderColor: 'blue',\r\n    height: Ti.UI.SIZE,\r\n    width: Ti.UI.FILL,\r\n    textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER\r\n},\r\n\r\n'#message_section_good': {\r\n    layout: 'horizontal',\r\n    borderColor: 'orange',\r\n    top: 36,\r\n    left: 50,\r\n    right: 50,\r\n    width: Ti.UI.FILL,\r\n    height: Ti.UI.SIZE\r\n},\r\n\r\n'#icon_good': {\r\n    width: 0,\r\n    borderColor: 'red',\r\n    top: 0,\r\n    height: 0,\r\n    visible: false\r\n},\r\n\r\n'#message_good': {\r\n    borderColor: 'blue',\r\n    height: Ti.UI.SIZE,\r\n    width: Ti.UI.FILL,\r\n    textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER\r\n}\r\n\r\n'#message_section_changeless': {\r\n    layout: 'horizontal',\r\n    borderColor: 'orange',\r\n    top: 36,\r\n    left: 50,\r\n    right: 50,\r\n    width: Ti.UI.FILL,\r\n    height: Ti.UI.SIZE\r\n},\r\n\r\n'#icon_changeless': {\r\n    width: 40,\r\n    borderColor: 'red',\r\n    top: 0,\r\n    height: 40,\r\n    image: 'appicon.png',\r\n    visible: true\r\n},\r\n\r\n'#message_changeless': {\r\n    borderColor: 'blue',\r\n    height: Ti.UI.SIZE,\r\n    width: Ti.UI.FILL,\r\n    left: 10,\r\n    textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER\r\n}\r\n{code}\r\n\r\nindex.js\r\n{code}\r\nfunction onClick() {\r\n    $.icon.setWidth(40);\r\n    $.icon.setHeight(40);\r\n    $.icon.setImage('appicon.png');\r\n    $.icon.setVisible(true);\r\n    $.message.setLeft(10);\r\n    $.icon_good.setWidth(40);\r\n    $.icon_good.setHeight(40);\r\n    $.icon_good.setImage('appicon.png');\r\n    $.icon_good.setVisible(true);\r\n    $.message_good.setLeft(10);\r\n}\r\n\r\n$.message.setText('Copyright (c) 2014-2018, Appcelerator, Inc.  All Rights Reserved Copyright (c) 2014-2018, Appcelerator, Inc.  All Rights Reserved');\r\n// This works\r\n$.message_good.setText('Copyright (c) 2014-2018, Appcelerator, Inc.  All Rights Reserved');\r\n\r\n$.message_changeless.setText('Copyright (c) 2014-2018, Appcelerator, Inc.  All Rights Reserved Copyright (c) 2014-2018, Appcelerator, Inc.  All Rights Reserved');\r\n$.index.open();\r\n{code}",
		"attachment": [
			{
				"id": "64912",
				"filename": "Screen Shot 2018-02-28 at 9.05.51 AM.png",
				"author": {
					"name": "cthomas",
					"key": "cthomas",
					"displayName": "Christy Thomas",
					"active": true,
					"timeZone": "America/Los_Angeles"
				},
				"created": "2018-02-28T14:16:25.000+0000",
				"size": 65516,
				"mimeType": "image/png"
			},
			{
				"id": "64911",
				"filename": "Screen Shot 2018-02-28 at 9.13.14 AM.png",
				"author": {
					"name": "cthomas",
					"key": "cthomas",
					"displayName": "Christy Thomas",
					"active": true,
					"timeZone": "America/Los_Angeles"
				},
				"created": "2018-02-28T14:16:31.000+0000",
				"size": 89480,
				"mimeType": "image/png"
			}
		],
		"flagged": false,
		"summary": "iOS: Horizontal layout behavior change with 7.0 and multi line labels",
		"creator": {
			"name": "cthomas",
			"key": "cthomas",
			"displayName": "Christy Thomas",
			"active": true,
			"timeZone": "America/Los_Angeles"
		},
		"subtasks": [],
		"reporter": {
			"name": "cthomas",
			"key": "cthomas",
			"displayName": "Christy Thomas",
			"active": true,
			"timeZone": "America/Los_Angeles"
		},
		"environment": "CLI 7.0.2\r\nTi SDK 7.0.2\r\nXcode 9.2\r\niOS 11.2",
		"comment": {
			"comments": [
				{
					"id": "435076",
					"author": {
						"name": "sdarda",
						"key": "sdarda",
						"displayName": "Sharif AbuDarda",
						"active": false,
						"timeZone": "Asia/Dhaka"
					},
					"body": "Hello, This is a vlid issue with SDK 7.0.2.GA. The layout is no longer horizontal with a multi line label. Thanks.",
					"updateAuthor": {
						"name": "sdarda",
						"key": "sdarda",
						"displayName": "Sharif AbuDarda",
						"active": false,
						"timeZone": "Asia/Dhaka"
					},
					"created": "2018-03-01T22:45:01.000+0000",
					"updated": "2018-03-01T22:45:01.000+0000"
				},
				{
					"id": "435175",
					"author": {
						"name": "vijaysingh",
						"key": "vijaysingh",
						"displayName": "Vijay Singh",
						"active": true,
						"timeZone": "America/Los_Angeles"
					},
					"body": "Simple test case to reproduce issue - \r\n\r\n\r\n{code:java}\r\nvar win = Ti.UI.createWindow({\r\n    backgroundColor: '#fff'\r\n});\r\n\r\nvar viewMsgSec = Ti.UI.createView({\r\n    layout: 'horizontal',\r\n    borderColor: 'orange',\r\n    width: Ti.UI.SIZE,\r\n    height: Ti.UI.SIZE,\r\n});\r\n\r\nvar imgView = Ti.UI.createImageView({\r\n    width: 40,\r\n    borderColor: 'red',\r\n    top: 0,\r\n    height: 40,\r\n    image: 'iconimg.png'\r\n});\r\n\r\nvar label = Ti.UI.createLabel({\r\n    left: 10,\r\n    borderColor: 'blue',\r\n    height: Ti.UI.SIZE,\r\n    width: Ti.UI.SIZE,\r\n    textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER,\r\n    text: 'Copyright (c) 2014-2018, Appcelerator, Inc. All Rights Reserved Copyright (c) 2014-2018, Appcelerator, Inc.  All Rights Reserved'\r\n});\r\n\r\nviewMsgSec.add(imgView);\r\nviewMsgSec.add(label);\r\n\r\nwin.add(viewMsgSec);\r\nwin.open();\r\n{code}",
					"updateAuthor": {
						"name": "vijaysingh",
						"key": "vijaysingh",
						"displayName": "Vijay Singh",
						"active": true,
						"timeZone": "America/Los_Angeles"
					},
					"created": "2018-03-05T05:47:10.000+0000",
					"updated": "2018-03-05T05:48:07.000+0000"
				},
				{
					"id": "435224",
					"author": {
						"name": "vijaysingh",
						"key": "vijaysingh",
						"displayName": "Vijay Singh",
						"active": true,
						"timeZone": "America/Los_Angeles"
					},
					"body": "This issue is caused by fix of TIMOB-24753. I'll look in this.\r\n\r\nWorkaround for this can be-\r\n\r\nIf we can give percentage width or  fix width to label, this problem will not arise. If we change the index.js with following code , it will solve the problem.\r\n\r\n{code:java}\r\nfunction onClick() {\r\n    $.icon.setWidth(40);\r\n    $.icon.setHeight(40);\r\n    $.icon.setImage('appicon.png');\r\n    $.icon.setVisible(true);\r\n    $.message.setLeft(10);\r\n    $.message.setWidth(labelWidth);\r\n    $.icon_good.setWidth(40);\r\n    $.icon_good.setHeight(40);\r\n    $.icon_good.setImage('appicon.png');\r\n    $.icon_good.setVisible(true);\r\n    $.message_good.setLeft(10);\r\n    $.message_good.setWidth(labelWidth);\r\n}\r\n \r\nvar labelWidth = Ti.Platform.displayCaps.platformWidth - 50 -  50 - 40 - 10;\r\n\r\n$.message.setText('Copyright (c) 2014-2018, Appcelerator, Inc.  All Rights Reserved Copyright (c) 2014-2018, Appcelerator, Inc.  All Rights Reserved');\r\n// This works\r\n$.message_good.setText('Copyright (c) 2014-2018, Appcelerator, Inc.  All Rights Reserved');\r\n \r\n$.message_changeless.setText('Copyright (c) 2014-2018, Appcelerator, Inc.  All Rights Reserved Copyright (c) 2014-2018, Appcelerator, Inc.  All Rights Reserved');\r\n\r\n$.message_changeless.setWidth(labelWidth);\r\n\r\n$.index.open();\r\n{code}\r\n",
					"updateAuthor": {
						"name": "vijaysingh",
						"key": "vijaysingh",
						"displayName": "Vijay Singh",
						"active": true,
						"timeZone": "America/Los_Angeles"
					},
					"created": "2018-03-06T04:22:56.000+0000",
					"updated": "2018-03-06T04:22:56.000+0000"
				}
			],
			"maxResults": 3,
			"total": 3,
			"startAt": 0
		}
	}
}