Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-04-15 11:51:02 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

updated selectmenu to use position plugin for overlay version

Browse source
This commit is contained in:
scottjehl 2010-11-19 17:31:20 -05:00
parent 23ea598b83
commit b56939faf7
1 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
js/jquery.mobile.forms.select.js
View file

@ -196,9 +196,11 @@ $.widget( "mobile.selectmenu", $.mobile.widget, {
var self = this,
menuHeight = self.list.outerHeight(),
menuWidth = self.list.outerWidth(),
scrollTop = $(window).scrollTop(),
btnOffset = self.button.offset().top,
screenHeight = window.innerHeight;
screenHeight = window.innerHeight,
screenWidth = window.innerWidth;
function focusMenuItem(){
self.list.find( ".ui-btn-active" ).focus();
@ -221,7 +223,7 @@ $.widget( "mobile.selectmenu", $.mobile.widget, {
}
else {
self.menuType = "overlay";
self.screen
.height( $(document).height() )
.removeClass('ui-screen-hidden');
@ -229,11 +231,11 @@ $.widget( "mobile.selectmenu", $.mobile.widget, {
self.listbox
.append( self.list )
.removeClass( "ui-listbox-hidden" )
.css({
top: scrollTop + (screenHeight/2),
"margin-top": -menuHeight/2,
left: window.innerWidth/2,
"margin-left": -1* self.listbox.outerWidth() / 2
.position({
my: "center center",
at: "center center",
of: self.button,
collision: "fit"
})
.addClass("in");