Dmx-hide/dmx-show does not work on Tagify text inputs

Wappler Version: 4.7.3
Operating System : Windows 11
Server Model: NodeJS
Database Type: MySQL
Hosting Type: Custom

Expected behavior

Adding dmx-hide or dmx-show on a tagify text input should hide the input.

Actual behavior

The text input continues to show regardless of the condition

How to reproduce

  1. Create a text input
  2. Convert it to tagify
  3. Add dmx-show or dmx-hide with a condition. The input will continue to show regardless.

Hides correctly:
<input id="text2" name="text2" type="text" class="form-control" dmx-hide="(assignededitvar.value == 0)">

Does not hide:
<input id="text3" name="text3" type="text" class="form-control" dmx-hide="(assignededitvar.value == 0)" is="dmx-tagify">

You can’t just apply the show/hide condition to the tagify input, as it’s not the actual input from the html that you see on the page. It’s a styled <tags> list that you see in your browser, when the page is rendered.

If you want to hide the tagify component, just wrap it in a div (or other element) and add the dmx-hide attribute to it.