Adding option to render 'invisible' input on single power selects
Hello and thanks for this wonderful plugin you have shared with the community.
I want to make a suggestion that am certain will solve a lot of issues for iOS users (ie a LOT of users) and might potentially solve other issues described below.
a) In order to navigate using the iOS keyboard navigation a focusable focus element must exist (select, input, etc). In cases of the single select power-select elements the input initially does not exist, so you can't really focus on the component.
b) Although there is an onfocus trigger, it only works properly when the previous element is an input; the power-select dropdown does not trigger when trying to focus out of a previous select element and focus in the power-select component.
Both of the above issues could be solved if the component included upon initialization an 'invisible input', - not display-hidden but rather styled to be invisible (absolutely positioned, zero opacity) on top of the power-select element that resembles a select. This way, users would be able to focus on the component itself and then trigger any onfocus actions. This invisible input could be as well be the usual search input that is actually used in the component.