Repository navigation
TagInput value wrong when allow-duplicates is disabled #2608
Description
Activity
Сaught the same issue
Same issue, I've written my own validator for the time being using
:before-adding.Yes, I've run into this as well. Trying to work around it like @marcebdev but hoping for an official fix soon!
From my own findings, this also happens when you simply click on the already-selected option in the autocomplete again. This removes it from the UI but doesn't update the model or call any events (
input/remove).Crap, you're right. I thought I could catch the remove event for this, but it doesn't get fired at all. I'm wondering how to fix it using :before-adding as marcebdev said, because I don't see how as it also doesn't get called upon second selection.
Interestingly, the model gets corrected when a different new value is added: the value that was removed from UI by the second add is then also removed from the model.
Interestingly, the model gets corrected when a different new value is added: the value that was removed from UI by the second add is then also removed from the model.
I think this is some sort of reactivity caveat, I don't really have time to inspect it any further at the moment sadly
Same here, so I'll live with this bug for now. There seem to be a few more issues with the TagInput component that I can't figure out getting mysterious "Duplicate keys" warnings from Vue, but am not yet sure if it's me or the component.
My other issue with the TagInput component mentioned above can be reproduced in this CodeSandbox. I made a new issue for it: #2673.
Overview of the problem
Buefy version: [0.8.20]
Vuejs version: [2.6.11]
OS/Browser: Windows 10/Chrome
Description
When
allow-duplicatesis disabled (default), and autocomplete is enabled, entering a value twice will remove the tag from UI.However the variable bound with v-model is not updated.
Steps to reproduce
Allow new tagsis disabledGeorge, press enter buttonExpected behavior
The variable bound in v-model to reflect what is indicated in the UI.
Actual behavior
The data for George only disappears if more tags are added or removed - but the state is inconsistent unless action is taken.