studiobakers / react-ui-toolkit

Bakers Studio's React-based UI Toolkit
MIT License
15 stars 2 forks source link

Typeahead: First tag is removed when clicked anywhere in box #132

Closed mfarukkoc closed 3 years ago

mfarukkoc commented 3 years ago

https://user-images.githubusercontent.com/42540003/125934628-f107c4e1-fd41-4a8f-a45e-12a3d3ba188e.mp4

When the mouse enters the Typeahead box, it hovers the first tag, and the tag is removed on click.

The cause of this problem is probably the default behavior of the label element. image The label area is highlighted with red color.

mfarukkoc commented 3 years ago

One possible solution is: Refactoring the Tag component with the clickable div element instead of the button.

mucahit commented 3 years ago

Released https://github.com/Hipo/react-ui-toolkit/releases/tag/1.0.0-alpha.4.0.0