I have a Popover Control, inside it contains a TableView. When the TableView shifts up, it rolls over popup window's title bar.
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();
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
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.
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