Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Clicking suggestion scrollbar closes suggestions in MS Edge, inside element with a tabindex #110

Open
dylemma opened this issue Jan 5, 2017 · 1 comment

Comments

@dylemma
Copy link

dylemma commented Jan 5, 2017

This is basically the same problem as with twitter/typeahead.js#705 except that it specifically only happens in Edge, when the <input> is inside an element with tabindex="-1" (in my case, a bootstrap modal)

I've managed to reliably reproduce the issue with https://jsfiddle.net/2Ljy9c9k/5/

Using the Edge browser, run the fiddle, type "a" into the box, then try to grab the scrollbar. It immediately closes. All other browsers (including IE 11) did not have this issue. If you remove the tabindex="-1" attribute from the #hello element, everything works as expected.

For the time being I'm working around this by removing the tabindex from the modal, but this is undesireable in the long run as it allows tab navigation to run off of the modal and onto other elements in the page while the modal is still up.

I'm guessing that the _hacks function might need to be updated to include Edge with the focus/blur hack.

@worthy7
Copy link

worthy7 commented Oct 18, 2017

Hi, reviving this. Latest IE11.0.47 causes a similar problem (released 2017/10/10)
It doesn't matter what the situation is now, it always blurs when clicking the scrollbar.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants