You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
The text was updated successfully, but these errors were encountered:
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)
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.
The text was updated successfully, but these errors were encountered: