mouse click not selecting suggestions

[edencorbin]

This must be my specific implementation, but everything works except mouse clicking, it can highlight but will not transfer the selected option to tags. I can use up and down arrows and hit enter, but mouse is not working, any ideas what might be preventing this functionality?

[prakhar1989]

Hi @edencorbin, can you mention which version are you using? The demo uses the latest version on NPM and works as expected.

[LukaszNowakPL]

I confirm this issue with recently downloaded version.

"react-tag-input": "^4.7.2"

import { WithContext as ReactTags } from "react-tag-input";

<ReactTags tags={getGroupTags(conf.content, conf.accesses)} suggestions={getGroupSuggestions(conf.content, conf.accesses)} handleAddition={(i) => conf.handleAddition(i)} handleDelete={(i) => conf.handleDelete(i)} />

Adding 1 (left mouse button click) to delimiters does not help.

Edit: After some research - this issue appears when react-tags is inside component which renders out of App's scope. In my case it works as far as it's not inside Popup component of react-leaflet.