Comments (11)
Is there a plan to release this?
from react-tags.
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
from react-tags.
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 :)
from react-tags.
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.
from react-tags.
@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
from react-tags.
Would love to utilize the custom suggestion component! Will 6.0 be released?
from react-tags.
I've published [email protected]
to npm, please give it a try and let me know if there are any issues!
from react-tags.
@i-like-robots Any plan to refactor using Hooks? Maybe starting with examples?
from react-tags.
@theJian No not yet. Starting with the examples sounds like a fine idea though.
from react-tags.
When do you plan to merge this? :)
from react-tags.
Thanks for the heads up about incorrect npm distribution tags @coxom, this has been corrected here.
from react-tags.
Related Issues (20)
- Update @types/react-tag-autocomplete to better support TypeScript HOT 1
- Does not support numeric value if it is brackets HOT 1
- Multiple dynamically created instances, unique tags, shared (unique) suggestions HOT 1
- Option to remove maxSuggestionsLength HOT 2
- suggestion Wrapper component as props
- noSuggestionsText doesn't seem to work in 6.2.0 HOT 2
- In the online demo you can't create a tag with spaces HOT 3
- Typescript Type Definition has handleAddition, handleDelete, ... events while the component has onAddition, onDelete events HOT 2
- In the online demo notifying failure status on creation HOT 1
- How can I get clearInput() from API? HOT 1
- make TagComponent props customizable i.e. enable adding more properties than just id & name. HOT 4
- Autoresize causes input to jump around HOT 3
- Internationalizable newTagText HOT 2
- Label causing first item to be deleted. HOT 1
- suggestion: use React memo on Input, Suggestion and Tags to avoid re render HOT 2
- Support React 18 HOT 3
- Idea - Fix Types - Tag Id can be null ( In case allowNew: true ) HOT 2
- Scroll bar is not moving for suggestions box with keyup and keydown events HOT 4
- Can't Select Suggestion when input cut-off top of screen. (Mi Tab) specific. HOT 8
- Update peer dependency to React so it can be used with latest version HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-tags.