RetailCRM-Mirror/select2
1
0
Fork 0
mirror of synced 2024-11-23 05:26:10 +03:00
Code Issues Projects Releases Wiki Activity

Fix mask height/width when document is shorter than window

Browse Source 
When the document element (e.g., the body) is shorter than the window,
the select2-drop-mask was not extending all the way to the bottom
of the browser viewport, leading to an area below the body that was
clickable but that select2 did not notice. Thus, if a user clicked
down there, the drop would not disappear. This is particularly
troublesome if the page contains absolutely positioned elements at
the bottom of the browser window.
This commit is contained in:
Dave Smith 2013-03-01 15:05:46 -07:00
parent 66860b2811
commit 953b6f2ac1
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
select2.js
View File

@ -1121,9 +1121,7 @@ the specific language governing permissions and limitations under the Apache Lic
this.dropdown.attr("id", "select2-drop"); this.dropdown.attr("id", "select2-drop");
// show the elements // show the elements
mask.css({ mask.css(_makeMaskCss());
width: document.documentElement.scrollWidth,
height: document.documentElement.scrollHeight});
mask.show(); mask.show();
this.dropdown.show(); this.dropdown.show();
this.positionDropdown(); this.positionDropdown();
@ -1136,14 +1134,19 @@ the specific language governing permissions and limitations under the Apache Lic
var that = this; var that = this;
this.container.parents().add(window).each(function () { this.container.parents().add(window).each(function () {
$(this).bind(resize+" "+scroll+" "+orient, function (e) { $(this).bind(resize+" "+scroll+" "+orient, function (e) {
$("#select2-drop-mask").css({ $("#select2-drop-mask").css(_makeMaskCss());
width:document.documentElement.scrollWidth,
height:document.documentElement.scrollHeight});
that.positionDropdown(); that.positionDropdown();
}); });
}); });
this.focusSearch(); this.focusSearch();
function _makeMaskCss() {
return {
width : Math.max(document.documentElement.scrollWidth, $(window).width()),
height : Math.max(document.documentElement.scrollHeight, $(window).height())
}
}
}, },
// abstract // abstract