Unable to select dropdown item in dojo combobox when displayed in bootstrap modal dialog for IE -


when displaying dojo combobox in bootstrap modal dialog, unable select dropdown item.

in fact drop down options display behind dialog in use high z-index (e.g. 1100) fix it

while mentioned solution work chrome, unfortunately did not work ie.

subsequent research reveal may due focus issue

https://github.com/select2/select2/issues/600

bclarkejr commented on mar 15, 2013

not sure if waiting fix bootstrap, still think dropdowncontainer fix required. modals take away focus page, not bootstrap. know, it's how modals supposed work (e.g. if isn't in modal, can't receive focus).

while article provide me insight on situation, not find solution counter, guys have advice?

i have created jsfiddle this:

http://jsfiddle.net/ab4lfdhu/15/

require([   "dojo/store/memory",    "dijit/form/combobox",    'dojo/dom',   'dojo/parser',   'dijit/registry',   "dojo/domready!" ], function(   memory,    combobox,   dom,   parser,   registry ){   var store1 = new memory({     data: [       {name:"alabama", id:"al"},       {name:"alaska", id:"ak"},       ...     ]   });    var id = 'mycountry1';   parser.instantiate([dom.byid(id)]);   var control = registry.byid(id);   control.set('store', store1);    $('#mybutton').click(function() {     var store2 = new memory({       data: [         {name:"alabama", id:"al"},         {name:"alaska", id:"ak"},         ...       ]     });      var id = 'mycountry2';     parser.instantiate([dom.byid(id)]);     var control = registry.byid(id);     control.set('store', store2);      $('#mymodal').modal('show');   }); }); 

when browsing fiddle in ie, can select option drop down outside of dialog cannot select option drop down inside dialog


Comments

Popular posts from this blog

scala - 'wrong top statement declaration' when using slick in IntelliJ -

c# - DevExpress.Wpf.Grid.InfiniteGridSizeException was unhandled -

PySide and Qt Properties: Connecting signals from Python to QML -