Tagify Uncaught ReferenceError: node is not defined AC2

Wappler Version : 6.0.0 b9
Operating System :
Server Model:
Database Type:
Hosting Type:

Expected behavior

Tagify should not throw an error whilst inside a conditional region that is removed from the dom

Actual behavior

Screenshot 2023-09-27 at 8.22.26 AM

How to reproduce

Include a tagify element inside a conditional region.

<input is="dmx-tagify" id="tagify_edit_mentions_comment" name="mentions" class="w-100" dmx-bind:data="get_users.data.users" tag-text="'@'+first_name+' '+last_name" nocustom="true" tag-value="user_id" tag-image="avatar.default('assets/img/default_avatar.png')" style="border-radius: 4px;" placeholder="@tag people" dmx-bind:value="mentions.groupBy('user_id').keys()">

Toggle the conditional region to show/hide and the error happens when hiding.

Could you test with the update posted in

Sorry, no change:

/*!
 App Connect Tagify
 Version: 2.0.0-beta.3
 (c) 2023 Wappler.io
 @build 2023-09-27 14:12:21
 */

I’m running into this as well in 6.1.1 Beta channel.

And what is your exact tagify and app connect versions from their headers?

Beta Channel:

/*!
 App Connect Tagify
 Version: 2.0.0-beta.3
 (c) 2023 Wappler.io
 @build 2023-09-27 14:12:21
 */
/*!
 App Connect
 Version: 2.0.0-beta.21
 (c) 2024 Wappler.io
 @build 2024-01-10 16:04:47
 */

Stable Channel:

/*!
 App Connect Tagify
 Version: 1.0.8
 (c) 2023 Wappler.io
 @build 2023-05-04 12:39:53
 */
/*!
 App Connect
 Version: 1.14.12
 (c) 2023 Wappler.io
 @build 2023-03-14 12:22:18
 */

The stack trace is slightly different from what Ken originally posted.

tagify.js:226 Uncaught ReferenceError: node is not defined
    at n.destroy (tagify.js:226:1)
    at n.$destroy (BaseComponent.js:480:1)
    at BaseComponent.js:505:1
    at Array.forEach (<anonymous>)
    at n.$destroyChildren (BaseComponent.js:505:1)
    at n.$destroy (BaseComponent.js:494:1)
    at repeat.js:55:1
    at Array.forEach (<anonymous>)
    at n.<anonymous> (repeat.js:55:1)
    at BaseComponent.js:472:1
destroy @ tagify.js:226
$destroy @ BaseComponent.js:480
(anonymous) @ BaseComponent.js:505
$destroyChildren @ BaseComponent.js:505
$destroy @ BaseComponent.js:494
(anonymous) @ repeat.js:55
(anonymous) @ repeat.js:55
(anonymous) @ BaseComponent.js:472
postMessage (async)
dmx.nextTick @ appConnect.js:239
requestUpdate @ BaseComponent.js:430
set @ BaseComponent.js:27
(anonymous) @ BaseComponent.js:384
(anonymous) @ BaseComponent.js:472

Following update should fix the error: dmxTagify.js.zip (9.7 KB)

That corrected it for me. Thanks @patrick.

Fixed in Wappler 6.1.2