-
|
I've got a component based on the AsyncSelect component. It asychronously loads a list of "contacts" that match the search term entered by the user. At the bottom of the menu of contact options, there is a "New Contact" button with an onClick handler that is supposed to open a modal form for entering a new contact: https://www.screencast.com/t/Gi3dFBdk47KW. On desktop browsers, this button works as desired, however, on touch devices, the click event is never fired on the button. It seems to me the click event is somehow being blocked by the touch event handers or mouse event handlers, but I'm having trouble wrapping my head around what exactly is happening here. Any thoughts as to why the button is not receiving the click event on touch devices, and how to resolve this? |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
|
Turns out, I figured this out on my own. I was using the wrong component (Menu) to build my custom list of contacts with the New Contact button at the bottom. I should have been using MenuList. Once I converted it over to use MenuList, the button is now correctly receiving the click event on touch devices. |
Beta Was this translation helpful? Give feedback.
Turns out, I figured this out on my own. I was using the wrong component (Menu) to build my custom list of contacts with the New Contact button at the bottom. I should have been using MenuList. Once I converted it over to use MenuList, the button is now correctly receiving the click event on touch devices.