When using our AutoComplete library you may have found that when the screen size is reduced to 680px or less and detached mode is activated, the individual aa-item's are no longer clickable.
When the user clicks anywhere but the aa-ItemActionButton the query is not populated to the search bar and the aa-panel closes.
This was a bug that has been fixed in version 1.8.3 of autoComplete as visible in our official AutoComplete Query Suggestions Sandbox. To resolve this we recommend upgrading to the latest version of AutoComplete.
If you are on a previous version of autoComplete and cannot upgrade to 1.8.3 at this time then you can use the workaround solution found in this CodeSandBox. This workaround solution keeps the modal open by using setIsOpen(true) in detached mode which allows the query to be populated correctly.
Article is closed for comments.