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

Select options disappear after programmatically trigger hideDropDown #66

Open
reicolee opened this issue Oct 8, 2018 · 2 comments
Open

Comments

@reicolee
Copy link

reicolee commented Oct 8, 2018

Hi there,

I am currently trying to programmatically hide the expanded dropdown when the user is focusing out of the select dropdown by having an event listener listing on 'Tab' keydown. However, after successfully hiding the dropdown, when I go back to the element and try to expand the dropdown again, all the options visually disappear, but still able to go through the options using the arrow key. Other select dropdown works, on this only element won't worfk for some reason.

@reicolee
Copy link
Author

reicolee commented Oct 8, 2018

I tried to fix it in the source code, and the problem was fixed when I remove the condition where it checks if the options list is created. So it will always call the createDropDown method. I am not sure what is going on.
It is very weird because the way I called the hideDropDown method (calling it on 'key down' on Tab key) is very similar in how it is called in the onOutsideClick method, not sure why the options are not showing even though the values are still there, must have been something with javascript dealing with CSS or heights of the options list since its a very long list of options( when I reduce the options to less than 10 it would work fine)

@jastech2011
Copy link

If you can send some example for testing. It will be cool.

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