Skip to content
This repository

Unable to open dropdownlist on IE8 if dropdown is in modal dialog #294

Closed
rosieks opened this Issue March 11, 2013 · 12 comments

3 participants

Sławomir Rosiek Felix Nagel Steve De Jonghe
Sławomir Rosiek

I have a problem with selectmenu on IE8 (IE9 in IE8 mode). In my case I have dropdown with more values than screen can display and that dropdown is placed in jquery ui modal dialog. I prepared jsfiddle that show my case: http://jsfiddle.net/WMaA9/7/

When I open dialog and choose value from first dropdown then I add 100 items to second dropdown and refresh selectmenu. This cause that scrollbar appear. When open second dropdown scrollbar disappear and raise resize event so effective dropdown list is closed.

I noticed that scrollbar appear because of dialog overlay

Felix Nagel
Owner
Sławomir Rosiek

Thank you for answer. I used source from github because I can't find any other public source. I forked one of your fiddle and add full jquery-ui to have jquery ui dialog. http://jsfiddle.net/AUeT9/3/

Felix Nagel
Owner

Please keep you demos as simple as possible.

Is the issue still reproducible in this fiddle: http://jsfiddle.net/AUeT9/9/

Felix Nagel
Owner

Perhaps you want to try the new, built from scratch version of selectmenu. Its about to be released: https://github.com/jquery/jquery-ui/tree/selectmenu

Sławomir Rosiek

Problem still appear. Just open http://jsfiddle.net/AUeT9/9/show/ in IE9 or IE10 and change compatibility mode to IE8

Felix Nagel
Owner

Problem confirmed in IE9 (in IE8 mode): the selectmenu wont open at all.

Any idea what causes the issue?

Sławomir Rosiek

According to my investigation jquery dialog overlay cause appearance of the scrollbar (only when you have number of items that not fit into the screen). When you open selectmenu then overlay size is changed and resize event is fired and that cause selectmenu close.

Steve De Jonghe

Grabbed it from https://github.com/jquery/jquery-ui/tree/selectmenu and noticed that select elements in a modal do open, but they open underneath the modal (as modal has z-index 9999).
Bumping its z-index to 9999 did the trick for me as they were being placed after the modal in the markup.
No clue where to file/fix this though (as in, which repo/tracker).
-> seutje@1f7fceb
I don't care at all about attribution, so please don't waste any time grabbing the commit properly.

Felix Nagel
Owner
Steve De Jonghe
Felix Nagel
Owner
Felix Nagel
Owner
fnagel commented May 29, 2013

Closed. Please reopen if needed.

Felix Nagel fnagel closed this September 07, 2013
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.