[Dropdown] Search In-Menu repeatedly opens/closes in IE11

[Async0x42]

http://jsfiddle.net/j9nup1kv/2/

I can't get the jsfiddle to work on my IE11, but the code is the example here: http://semantic-ui.com/modules/dropdown.html#search-in-menu

In IE11 the dropdown will continue to 'bounce' open and shut repeatedly. The class alternates from visible to active over and over.

Browser: IE11
OS: Win10 x64

[jlukic]

Wow IE, thats pretty epic bad behavior. Confirmed

[christianklemp-imt]

+1 for a fix

[joeweale]

any luck in getting this fixed?

[jockeisorby]

It seems like IE doesn't like the immediate focus on the search input when clicking the dropdown.
I made the following quick fix to make the search menu work in IE for my project:
Removed the entire div class="scrolling menu" from the example code, it appears that it works better when the items in the dropdown is higher up in the hierarchy.
See the label filter example on the semantics page.
But that only solved it about 50% of the time, I also hacked the dropdown.js file and commented out the following part:
if(module.has.menuSearch()) {
module.focusSearch();
}.

[moondawg69]

Any luck on a fix with this, got a huge admin UI going out and this is the only issue LOL ;)

[jockeisorby]

I solved it by styling the dropdown as a link which shows the search menu
onclick.

Den 8 nov. 2016 1:47 em skrev "Jez Timms" notifications@github.com:

Any luck on a fix with this, got a huge admin UI going out and this is the
only issue LOL ;)

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
#4237 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/ARfsj7--qaVKWzdkdeMa0V7PnVmHf3ZXks5q8G9UgaJpZM4JHGb7
.

[moondawg69]

That may not work being a large Angular app, I'll have to pass it onto the Angular devs. Thank you anyway.

[jlukic]

Triggering a menu item in IE in this scenario seems to retrigger focus on ui dropdown which because it has a tabindex will trigger focus causing it to re-open.

[jlukic]

I've fixed this in next, bizarrely focus is triggered in IE11 on menu when clicking an item, even though tabindex=-1 on menu.

Then when the menu is hidden my best guess is the display: none; from transition: hidden causes focus on dropdown to occur again. TBH this is some IE11 weirdness that hopefully we wont have to deal with in a few years.