Uploaded image for project: 'Titanium SDK/CLI'
  1. Titanium SDK/CLI
  2. TIMOB-11030

iOS: Applying background color constants or "stripped" color to modal window results in the modal window being black

    Details

    • Type: Bug
    • Status: Closed
    • Priority: High
    • Resolution: Invalid
    • Affects Version/s: Release 2.1.3
    • Component/s: iOS
    • Environment:

      Tested on:
      OS: Mac OS X Lion 10.7.4
      Titanium Studio, build: 2.1.2.201208301612
      Titanium SDK, build: 2.1.3.v20120918170114
      Device: iPhone 4S (6.0)

      Description

      Description:
      Applying background color constants or "stripped" color to modal window results in the modal window being black.
      This doesn't occur on iOS 5 devices even if the iOS 6.0 SDK and Xcode 4.5 are used for the build.

      This is not a regression because iOS 6 was not available previously.

      Steps:
      1. Run the following code on iOS 6.0:

      var win = Ti.UI.createWindow({
          backgroundColor: '#ccc'
      });
      	
      	var btn = Ti.UI.createButton({
      		    width: Ti.UI.SIZE,
      		    height: Ti.UI.SIZE,
      		    title: 'Click me!'
      		});
      		 
      		win.add(btn);
      		  
      		btn.addEventListener('click', function(e) {
      		    var w = Ti.UI.createWindow({
      		        backgroundColor : 'stripped'
      		});
      		 
      		    var scrollView = Ti.UI.createScrollView({
      		        contentHeight: 1000,
      		        width: Ti.UI.FILL,
      		        height: Ti.UI.FILL
      		    });
      		 
      		    var label = Ti.UI.createLabel({
      		        text : 'Scroll Down',
      		        height : Ti.UI.SIZE,
      		        width : Ti.UI.FILL,
      		        textAlign : 'center',
      		        top: 10
      		    });
      		 
      		    var textArea = Ti.UI.createTextArea({
      		        left:10,
      		        right:10,
      		        bottom: 150,
      		        height: 100,
      		    });
      		    var Close = Titanium.UI.createButton({
      		        title : 'Close',
      		        width: Ti.UI.SIZE,
      		        height: Ti.UI.SIZE,
      		        bottom: 50
      		    });
      		 
      		 
      		    scrollView.add(label);
      		    scrollView.add(textArea);
      		    scrollView.add(Close);
      		 	
      			Close.addEventListener('click',function(){
      				w.close();
      			})
      			
      		    textArea.addEventListener('return', function() {
      		        textArea.blur();
      		    });
      		
      		     
      		    w.add(scrollView);
      		    w.orientationModes = [
      		    Titanium.UI.PORTRAIT,
      		    Titanium.UI.LANDSCAPE_LEFT,
      		    Titanium.UI.LANDSCAPE_RIGHT
      		];
      		    w.open({modal : true});
      		 
      		});
       
      win.open();
      

      2. Press "Click me" button

      Expected result:
      Should see a modal window with "Scroll Down" label

      Actual result:
      The modal window turns black

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                vduggal Vishal Duggal (Inactive)
                Reporter:
                tsmolich Tamila Smolich
              • Watchers:
                0 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Backbone Issue Sync

                  • Titanium SDK/CLI <> Titanium Mobile
                    Synced with:
                    TIMOB-14367
                    Sync status:
                    ERROR
                    Last received:
                    Last sent:

                    Git Integration