Focusing element with 'select' mode and empty whitelist causes Uncaught TypeError

[asask-infosys-dx]

In case of initializing Tagify in ‘select’ mode with an empty whitelist, an Uncaught TypeError occurs when the input element is focused.

Here is the code to reproduce the issue:

new Tagify(document.querySelector('input'), {
    mode: 'select',
    whitelist: [],
});

The error message is as follows:

Uncaught TypeError: Cannot read properties of undefined (reading 'closest')
    at Y.onDoubleClickScope
    at Y.onClickScope

It seems that the cause of this error is that e.target is undefined in the first line of the onDoubleClickScope method, specifically at e.target.closest.

onDoubleClickScope(e) {
  var tagElm = e.target.closest('.' + this.settings.classNames.tag),

It would be greatly appreciated if this issue could be resolved.

[yairEO]

I advise you, as the author of your code, to handle this in your own app:

1. if the whitelist will remain empty, and you know this is the case, "lock" the tagify field by setting it to be disabled.
2. if the whitelist is being fetched and this takes time, then "lock" the field while this is happening and unlock it once the whitelist has been set.

Regardless, I will handle this edge case so no error is thrown.

Thanks for reporting!

[asask-infosys-dx]

Thank you very much for the reply and the advice.

In my app, the whitelist is retrieved after a user perform a specific action.
So I will "lock" the tagify field with disabled setting as you advised.

As a big fan of your outstanding module, I would be very happy to see it achieve even greater functionality :-)