mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-03-26 10:40:44 +00:00
parent
37a180a6c5
commit
ed7eb38bdc
2 changed files with 36 additions and 0 deletions
|
|
@ -239,6 +239,13 @@
|
|||
<option value="overnight">Overnight</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div data-nstest-role="fieldcontain" id="select-long-option-label-container">
|
||||
<select name="select-long-option-label" id="select-long-option-label">
|
||||
<option value="short">Choice 1</option>
|
||||
<option value="long">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -95,4 +95,33 @@
|
|||
$.testHelper.sequence(sequence, 1000);
|
||||
});
|
||||
|
||||
module("Non native menus", {
|
||||
setup: function() {
|
||||
$.mobile.selectmenu.prototype.options.nativeMenu = false;
|
||||
},
|
||||
teardown: function() {
|
||||
$.mobile.selectmenu.prototype.options.nativeMenu = true;
|
||||
}
|
||||
});
|
||||
|
||||
asyncTest( "a large select option should not overflow", function(){
|
||||
// https://github.com/jquery/jquery-mobile/issues/1338
|
||||
var menu, select = $("#select-long-option-label");
|
||||
|
||||
$.testHelper.sequence([
|
||||
function(){
|
||||
// bring up the dialog
|
||||
select.trigger("click");
|
||||
},
|
||||
|
||||
function() {
|
||||
menu = $(".ui-selectmenu-list");
|
||||
|
||||
equal(menu.width(), menu.find("li:nth-child(2) .ui-btn-text").width(), "ui-btn-text element should not overflow")
|
||||
start();
|
||||
}
|
||||
], 500);
|
||||
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
|
|
|
|||
Loading…
Reference in a new issue