jcf
jcf copied to clipboard
Select options disappear after programmatically trigger hideDropDown
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.
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)
If you can send some example for testing. It will be cool.