Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-15124] iOS7: Popover title covers tableview when keyboard opened

GitHub Issuen/a
TypeBug
PriorityMedium
StatusClosed
ResolutionCannot Reproduce
Resolution Date2015-04-13T16:20:32.000+0000
Affected Version/sRelease 3.1.3
Fix Version/sRelease 3.3.0
ComponentsiOS
Labelsios7, popover, qe-closed-3.3.0, qe-testadded, supportTeam
ReporterRupesh Sharma
AssigneeVishal Duggal
Created2013-09-12T11:31:21.000+0000
Updated2015-04-13T16:20:38.000+0000

Description

Description

I have a Popover Control, inside it contains a TableView. When the TableView shifts up, it rolls over popup window's title bar.

Test Code

var self = Ti.UI.createWindow({
		title:'title',
		backgroundColor:'purple'
	});
	
	var v = Ti.UI.createView();	
	
	var button = Ti.UI.createButton({
		height:44,
		width:200,
		title:L('openWindow'),
		top:20
	});
	button.add(v);
	
	self.add(button);
	
	button.addEventListener('click', function() {
		
		var i = 0;
		var rows = [];
		for (i = 0; i < 20; i++) {
			var tablerow = Ti.UI.createTableViewRow({
				height: 70,
				className: 'itemRow',
				hasChild: true
			});
			var imageview = Ti.UI.createImageView({
				image: "imageUrl.jpg",
				height: 36, 
				width: 36, 
				left: 5,
				top: 17
			});
			var titleview = Ti.UI.createLabel({
				text: i,
				color: '#000',
				height: 65,
				font: {
					fontSize: 15
				},
				left: imageview.width + 10
			});
		
			tablerow.add(imageview);
			tablerow.add(titleview);	
		
			rows.push(tablerow);
		}
			
		var searchBar = Ti.UI.createSearchBar ( { top: 0,
											   	   height: 44,
											       hintText: "Filter this list" } );
								
		
		var properties = {
				data: rows,
				scrollable: true,
				search: searchBar,
				searchHidden: false, // Show by default.
				filterAttribute: "title"				 
		};
		

		var tableView = Ti.UI.createTableView(properties);

		
		var popoverHeight = 500;
		var popoverWidth = 270;
	
		
		
		var arrowDirections = Ti.UI.iPad.POPOVER_ARROW_DIRECTION_LEFT;
	
		
		var popover = Ti.UI.iPad.createPopover ( { 
				width: popoverWidth,
				height: popoverHeight,
				title: "popoverTitle",
				arrowDirection: arrowDirections,
				navBarHidden: false,
				borderColor: "black",
				opacity: 1,
				backgroundColor: 'purple'
			});
		popover.add(tableView);
			

	    popover.show ( {view: v} ); 	
	    

		
	});
	
self.open();

Attachments

FileDateSize
iOS Simulator Screen shot Feb 10, 2014 2.48.09 PM.png2014-02-10T08:50:05.000+000078624
iOS Simulator Screen shot Sep 12, 2013 5.14.39 PM.png2013-09-12T11:45:07.000+0000220946

Comments

  1. Vishal Duggal 2013-09-12

    This is happening because the navigationBar in iOS7 is translucent and the tableView is sliding underneath it but showing through. On earlier versions the navigationBar is not translucent. Unfortunately setting translucent to false or setting a barColor for the navigation bar does not seem to work when inside a popover controller. Also it is not us scrolling the tableView but rather the popover controller doing it automatically. This is not going to be fixed in the 3.1.3 timeframe. Removing the label. A simple workaround is to set a smaller height when search gets focus
               searchBar.addEventListener('focus',function(){
                   if(landscape){popover.setHeight(300)};
               })
                
               searchBar.addEventListener('blur',function(){
                   popover.setHeight(500);
               })
       
  2. Unknown 2014-04-21

    This issue was previously scheduled to be worked on in more than one sprint: * 'Release 3.1.2' (on board '3.1.X Triage') * 'Release 3.0.1/TS 3.0.2' (on board '3.1.0 Triage') * 'Release 3.3.0' (on board '3.2.X Triage') Starting from JIRA Agile 6.3, an issue can only belong to a single future sprint. Read more about this change: http://docs.atlassian.com/agile/docs-0630/Sprint+Marker+Migration This issue is now scheduled for future sprint 'Release 3.1.2' (on board '3.1.X Triage'). If this is incorrect, please update the issue accordingly. This comment was automatically generated by JIRA. If it is no longer relevant, please feel free to delete it.
  3. Olga Romero 2014-04-28

    Tested and cannot reproduce the originally reported issue with: Mac osx 10.9.2 Mavericks Appcelerator Studio, build: 3.3.0.201404221437 Titanium SDK, build: 3.3.0.v20140425191906 Node.JS Version: v0.10.13 NPM Version: 1.3.2 ├── acs@1.0.14 ├── alloy@1.4.0-dev ├── npm@1.3.2 ├── titanium@3.3.0-dev └── titanium-code-processor@1.1.1-beta1 Device: iPad mini iOS 7.0.3

JSON Source