Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-8464] iOS: Opening Modal Window with Flip Transition doesn't work correctly on iOS 5

GitHub Issuen/a
TypeBug
PriorityMedium
StatusClosed
ResolutionCannot Reproduce
Resolution Date2013-05-30T18:19:08.000+0000
Affected Version/sRelease 1.7.5, Release 1.8.0.1, Release 2.0.0
Fix Version/sn/a
ComponentsiOS
Labelsn/a
ReporterChristopher Heymann
AssigneeIngo Muschenetz
Created2011-11-06T09:00:29.000+0000
Updated2017-03-21T21:30:29.000+0000

Description

Issue

Opening a modal window with modalTransitionStyle:Ti.UI.iPhone.MODAL_TRANSITION_STYLE_FLIP_HORIZONTAL produces a buggy appearance since iOS 5. On iOS 4 it worked fine. Also visible in Kitchen Sink.

Steps to reproduce

1. Throw code below to an app.js 2. Run configurations, select Run As > Run configurations ... > iOS SDK 4.3 3. Click the button, click the window 4. Run steps 1 to 3 now under iOS SDK 5

Expected behavior

iOS 4.3 transition works fine

Unexpected behavior

Notice how in iOS 5 transition has a visual glitch

Repro sequence

var win = Ti.UI.createWindow();

var btn = Ti.UI.createButton({
	title : 'click me',
});

btn.addEventListener('click', function() {

	var modalWin = Ti.UI.createWindow({
		backgroundColor : '#ff0000'
	});

	modalWin.open({
		modal : true,
		modalTransitionStyle : Ti.UI.iPhone.MODAL_TRANSITION_STYLE_FLIP_HORIZONTAL
	});
	
	modalWin.addEventListener('click', function(){
		this.close();
	})
});

win.add(btn);

win.open(); 

Comments

  1. Christopher Heymann 2011-11-06

    Forgot to add: I tried Ti Mobile SDK 1.7.6 with the same result.
  2. Paul Dowsett 2011-12-28

    Thanks for raising this ticket. In order for me to escalate it to the core team, all the fields must be complete. Please check it against the [JIRA Ticket Checklist](https://wiki.appcelerator.org/display/guides/How+to+Submit+a+Bug+Report#HowtoSubmitaBugReport-JIRATicketChecklist), and add any missing information. Furthermore, a test case must be included and run without modification, as per the [Creating a Test Case](https://wiki.appcelerator.org/display/guides/How+to+Submit+a+Bug+Report#HowtoSubmitaBugReport-CreatingaTestCase) section. I will mark this resolved for now. Please reopen it once it is complete, and I will move it to the main project. Cheers
  3. Paul Dowsett 2011-12-28

    I'm afraid there still needs to be a test case, Christopher.
  4. Christopher Heymann 2012-02-02

    Create an empty window with a button. Add the following modal window and open it via the button var modalWin = Ti.UI.createWindow({backgroundColor:'#ff0000'}); modalWin.open({modal:true, modalTransitionStyle: Ti.UI.iPhone.MODAL_TRANSITION_STYLE_FLIP_HORIZONTAL}); When the modal window opens with this transition style, you can see the red background color of the modal window before the animation even began for a short second. This is iOS 5 only. Note: Haven't tested it under 1.8.0.
  5. Daniel Sefton 2013-05-30

    Tested on iOS 6 simulator with Ti SDK 3.1 GA - no visual glitches. I haven't tested iOS 5, but I'm quite sure our latest SDKs will have fixed the issue. Let us know if this is still a problem. Resolving as Cannot Reproduce.
  6. Lee Morris 2017-03-21

    Closing ticket as the issue cannot be reproduced.

JSON Source