V6

[i-like-robots]

This is a catch-all issue tracking V6 changes and bug fixes.

• >= React 16 (React 16 support #113)
• Remove autofocus option for a11y reasons
• Merge delimiters and delimiterChars options using KeyboardEvent.key
• event callbacks should be re-named from handleX to onX (Convert user specified event handlers to React naming conventions #91)
• handleInputChange should be re-named onInput
• Make listBoxId configurable
• Support ES6 modules, pkg.module (Rollup build #112)
• Refactor option filtering into top-level component (Refactor suggestions #115)
• Allow all text to be configurable (CC Add remove button text option #154)
• Custom suggestion component (CC Custom suggestions component and custom id and name keys #117)
• Refactor class names out of state to avoid creating new objects on each prop change (Refactor classNames prop out of state to avoid merging objects #147)
• Remove clearInputOnDelete option and don't clear the input when deleting a tag (Stop clearing the input when a tag is removed #155)

[mklopets]

Is there a plan to release this?

[drichar]

Would love to utilize the custom suggestion component! Will 6.0 be released?

[i-like-robots]

I've published [email protected] to npm, please give it a try and let me know if there are any issues!

[theJian]

@i-like-robots Any plan to refactor using Hooks? Maybe starting with examples?

[i-like-robots]

@theJian No not yet. Starting with the examples sounds like a fine idea though.

[filippofilip95]

When do you plan to merge this? :)

[i-like-robots]

Unfortunately I've not received any feedback on the beta release so I have been reluctant to release it. If you would like to try it then there are instructions in the readme 😄 :

https://github.com/i-like-robots/react-tags/tree/6.0#installation

[filippofilip95]

Thanks for the quick reply 👍 I've tested it now and it works like charm 😄 Just followed your migration instructions 🥇

Our implementation is minimal. But I can confirm that this works :)

[coxom]

When using an async search to fetch the suggestions the component won't work correctly and will get out of sync with the suggestions provided via props.
From the code seems like it's not looking into changes from suggestions to update its internal state.

PS: Seems like the beta version is now the default version installed when you do "npm i react-tag-autocomplete". Took me a while to understand why handleInputChange was not working.

[i-like-robots]

Thanks for the heads up about incorrect npm distribution tags @coxom, this has been corrected here.

[insekticid]

@coxom I solved onInput async fetch with <ReactTags ref={this.tagsRef}
@i-like-robots is this bug?

onInput = (query) => {
            return fetch(`/search/?q=${query}`).then(result => result.json()).then((suggestions) => {
                        this.tagsRef.current.setState({ query, options: suggestions, suggestions });

EDIT: I did some changes and I finally added support for larger result set with scroller enabled and keyUP and Down focused scroller move