Mostly on mobile devices, we have an autosuggest control that drops down over a couple of selectbox controls. Even though the selectbox controls are hidden from view if you try to click one of the elements in the autosuggest list that is over top of a selectbox, it fires the selectbox control every time making it impossible to make selections from the autosuggest control results list if they are on top of a selectbox position underneath.
Saw some posts about z-index being very high for the selectbox but even if I make sure the autosuggest container has a higher z-index it makes no difference?
If I make the select boxes be normal dropdowns it works fine, so there is something about the selectbox controls that allows clicks to be captured even when covered by another element.
Any suggestions greatly appreciated. For now we have moved the selectbox controls on the page so they are never underneath the autosuggest list dropdown.
Mostly on mobile devices, we have an autosuggest control that drops down over a couple of selectbox controls. Even though the selectbox controls are hidden from view if you try to click one of the elements in the autosuggest list that is over top of a selectbox, it fires the selectbox control every time making it impossible to make selections from the autosuggest control results list if they are on top of a selectbox position underneath.
Saw some posts about z-index being very high for the selectbox but even if I make sure the autosuggest container has a higher z-index it makes no difference?
If I make the select boxes be normal dropdowns it works fine, so there is something about the selectbox controls that allows clicks to be captured even when covered by another element.
Any suggestions greatly appreciated. For now we have moved the selectbox controls on the page so they are never underneath the autosuggest list dropdown.
Thanks!