yairEO / tagify

🔖 lightweight, efficient Tags input component in Vanilla JS / React / Angular / Vue
https://yaireo.github.io/tagify/
Other
3.52k stars 433 forks source link

Integrate with jquery data table, tagify throwing error on submit #1088

Open vireddy87 opened 2 years ago

vireddy87 commented 2 years ago

Issue:- Getting error while integrating tagify with Jquery data table, text area control

We have jquery datatable which as textarea. Textarea uses tagify , when we are submitting data table we get below error Jquery datatable https://datatables.net/

Error core.mjs:6494 ERROR TypeError: Cannot read properties of null (reading ‘removeChild’) at M.destroy (tagify.min.js:26:36936) at M.observeOriginalInputValue (tagify.min.js:26:26616) at timer (zone.js:2405:41) at _ZoneDelegate.invokeTask (zone.js:406:31) at Object.onInvokeTask (core.mjs:25595:33) at _ZoneDelegate.invokeTask (zone.js:405:60) at Zone.runTask (zone.js:178:47) at invokeTask (zone.js:487:34) at ZoneTask.invoke (zone.js:476:48) at data.args. (zone.js:2385:32)

Code that causes error _self.editor .edit(jQuery(this).closest('tr'), false) .set(field, val) .submit();

Question do we need to do anything specify for tagify submit ? or removing child?

yairEO commented 2 years ago

please edit your ticket.. have you seen how this looks? I cannot read or understand anything

vireddy87 commented 2 years ago

I have update content issue with using datatable with tagify

yairEO commented 2 years ago

Please create a minimal jsbin demo page so I could investigate