| GitHub Issue | n/a |
|---|
| Type | Bug |
|---|
| Priority | Low |
|---|
| Status | Closed |
|---|
| Resolution | Fixed |
|---|
| Resolution Date | 2014-09-17T19:06:17.000+0000 |
|---|
| Affected Version/s | Release 1.7.3, Release 1.8.0 |
|---|
| Fix Version/s | Release 3.2.0, Release 3.4.0, Release 3.5.0 |
|---|
| Components | iOS |
|---|
| Labels | orientation, qe-3.4.0, qe-closed-3.2.3, qe-testadded, tabgroup, tabs, tbs-1.9.0 |
|---|
| Reporter | Francisco Antonio Duran Ramirez |
|---|
| Assignee | Vishal Duggal |
|---|
| Created | 2011-10-26T07:11:50.000+0000 |
|---|
| Updated | 2014-11-21T20:32:04.000+0000 |
|---|
Problem
TabGroup is wrongly resized when the orientation is changed.
Reproducible steps:
1.Run the code below.
2.Press tab 2.
Behavior:
The tab 2 is not showed with the correct size. Tab 1 covers 75% of the screen width and Tab2 covers 25% of the screen width
Expected behavior
Customer wants to have the TabGroups with a correct size. The expectation is to have 50% of the screen width for each tab.
Sample Code:
var tabGroup = Titanium.UI.createTabGroup();
var win1 = Titanium.UI.createWindow({
title:'Tab 1',
orientationModes: [Titanium.UI.LANDSCAPE_LEFT]
});
var tab1 = Titanium.UI.createTab({
title:'Tab 1',
window:win1
});
var win2 = Titanium.UI.createWindow({
title:'Tab 2',
orientationModes: [Titanium.UI.PORTRAIT]
});
var tab2 = Titanium.UI.createTab({
title:'Tab 2',
window:win2
});
tabGroup.addTab(tab1);
tabGroup.addTab(tab2);
tabGroup.open();
Helpdesk
APP-196512
I am unable to reproduce this issue with the materials provided in the ticket. Please attach the tiapp.xml used for this project. The application run with the javascript from this ticket shows the tabs properly taking 50% of the screen width each, but does not ever rotate to portrait mode.
After further review, this is indeed a problem and has been scheduled and assigned.
As a timely workaround to the reported issue, the client should put the supported orientation modes on the tab group, not the windows in the tab group. This will present a UI supported by Apple's HIG, and works fine with our current SDK.
This issue can't be reproduced with TISDK 3.2 or higher. Therefore, marking it as resolved.
TabGroup is resizing correctly having two tabs, each with 50% width. Verified the fix using: Device : iPhone 5s , iOS version : 7.1 SDK: 3.2.3.v20140311115447 CLI version : 3.2.1 OS : MAC OSX 10.9 Alloy: 1.3.1 ACS: 1.0.14 npm:1.3.2 Appcelerator Studio, build: 3.2.2.201403061827 titanium-code-processor: 1.1.0 XCode : 5.1 Beta 5
This issue is reproducible on iOS8 device, working fine on iOS7 device. See the attached screen shots. Hence reopening this issue using below environment - Appcelerator Studio:3.4.0.201409032106 Sdk:3.4.0.v20140908164913 alloy:1.5.0-beta2 titanium:3.4.0-beta titanium-code-processor:1.1.1 acs:1.0.16 npm:1.3.2 OS:Maverick(10.9.4) xcode: Xcode6Beta6 Device:iPhone5s(v8.0), iPhone5(v7.1.2)
Known issue with forced orientations for 3.4.0. We may deprecate forced orientations, or provide a small fix in 3.4.1.
Added screenshots with a different behavior with Mac osx 10.9.5 Mavericks Appcelerator Studio, build: 3.4.0.201409161950 Titanium SDK, build: 3.4.0.v20140917120000 acs@1.0.16 alloy 1.5.0-rc2 install@0.1.7 npm@1.4.23 sudo@1.0.3 titanium 3.4.0-rc4 titanium-code-processor@1.1.1 Xcode6.0.1 (6A317) Devices: iPhone 5S iOS8
Steps to reproduce
1. Run the app 2. Click Tab2 from Landscape mode 3. Rotate the device