[TIMOB-15319] iOS7: searchBar backgroundImage appears on top of searchBar Text field

GitHub Issue	n/a
Type	Bug
Priority	High
Status	Closed
Resolution	Invalid
Resolution Date	2014-02-04T23:53:32.000+0000
Affected Version/s	Release 3.1.3, Release 3.2.1
Fix Version/s	2013 Sprint 21, 2013 Sprint 21 API, Release 3.1.4, Release 3.2.0, Release 3.3.0
Components	iOS
Labels	iOS7, module_searchbar, qe-3.2.1, qe-testadded
Reporter	Sabil Rahim
Assignee	Vishal Duggal
Created	2013-09-23T23:23:40.000+0000
Updated	2014-02-04T23:53:32.000+0000

Description

Testing Instruction

1. Paste the following code in app.js NOTE:Change the link of the backgroundImage to a valid path.

var rootwin = Ti.UI.createWindow({
	title:'Search',
	backgroundColor:'white'
});
var win = Ti.UI.createWindow({
	title:'Search',
	backgroundColor:'white'
});

var nav = Ti.UI.iPhone.createNavigationGroup({
	window:win
});

var search = Titanium.UI.createSearchBar({
	backgroundImage:'images/chip.jpg',
	showCancel:true,
	height:43,
	top:0
});

win.setTitleControl(search);

// dynamically set value
search.value = 'foo';

rootwin.add(nav);
rootwin.open();

2. run code

Expected Behavior.

Search Bar should show up with backgroundImage properly shown behind the text field.

Actual Behavior.

Search Bar backgroundImage shows on top of text field of search bar.

Comments

Vishal Duggal 2013-10-08

Pull pending https://github.com/appcelerator/titanium_mobile/pull/4770
Vishal Duggal 2013-10-08

Backport to 3_1_X https://github.com/appcelerator/titanium_mobile/pull/4772
Priya Agarwal 2013-10-09

Verified with environment: Appc-Studio: 3.2.0.201310092427 Sdk:3.2.0.v20131008154043 alloy:1.2.2 npm:1.3.2 titanium:3.2.0 titanium-code-processor:1.0.3 Device:ipodTouch1(v7.0) Xcode: 5 Search bar with backgroundImage is being displayed.
Pragya Rastogi 2014-02-04

Image does not appear on iOS device but appears on simulator: Verified Using: OS: Mountain Lion 10.8 Appcelerator Studio: 3.2.1.201401311225 SDK:3.2.1.v20140203174850 Xcode: 5.0 acs:1.0.12 alloy:1.3.1-cr jake:0.7.6 npm:1.3.2 node: 0.10.13 titanium:3.2.1-beta3 titanium-code-processor:1.1.0 Device: ipod touch 2 (7.0.4) and iPhone 5s (v7.0)

Wilson Luu 2014-02-04

Closing ticket as invalid. NavigationGroup has been removed since SDK 3.2.0. To see the above test case working, use the following app.js:

   var win = Ti.UI.createWindow({
       title:'Search',
       backgroundColor:'white'
   });
    
   var nav = Ti.UI.iOS.createNavigationWindow({
       window:win
   });
    
   var search = Titanium.UI.createSearchBar({
   	// point backgroundImage to a valid image path
       backgroundImage:'monkey.jpg',
       showCancel:true,
       height:43,
       top:0
   });
    
   win.setTitleControl(search);
    
   // dynamically set value
   search.value = 'foo';
    
   nav.open();

Tested on: Appcelerator Studio, build: 3.2.1.201402041206 SDK build: 3.2.0.GA, 3.2.1.v20140203174850 CLI: 3.2.1-beta3 Alloy: 1.3.1-cr2 Xcode: 5.0.2 Devices: iphone 5s (7.0.2)

JSON Source