We try to implement a TextField which comes with a Dropdown containing suggestions, based on the text typed.
Unfortunately, due to the lack of focus (since the textfield has it) in the dropdown, it won’t close when the User clicks outside of the Dropdown. The behavior is correct in my opinion, but we somehow gonna need to close that Dropdown, even if it’s not focused. If we assign the focus to the Dropdown, then we cannot type into the TextField anymore…
Question: is there a similar UI component already existing or does anybody know a good workaround? My initial intention would be to implement a listener which detects clicks outside of the Dropdown… But it feels like there should be a easier solution available…
04/19/2022, 2:46 PM
closing it as soon as the textfield loses focus is not an option?
04/20/2022, 8:13 PM
Hm unfortunately not helping.
In general, what would be the correct approach to implement the functionality used in many e-mail clients (see attachment). TextField and Popup seems not to fit…