Wappler Version : 6.8.0
Operating System : MacOS Sonoma
Server Model: Local
Database Type: MySQL
Expected behavior
What do you think should happen?
When the value of the select is changed, the value updated event should get triggered.
Actual behavior
What actually happens?
When the value is changed by selecting an option the behavior is correct but when the value is set through a button click or triggered by some other event the value updated event is not being triggered though I can clearly see that the value of the select changed. This used to work on my previous wappler version which was 6.1.2
How to reproduce
<!doctype html>
<html>
<head>
<base href="/">
<script src="/dmxAppConnect/dmxAppConnect.js"></script>
<meta charset="UTF-8">
<title>Untitled Document</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="/bootstrap/5/css/bootstrap.min.css" />
<link rel="stylesheet" href="/css/style.css" />
<script src="/dmxAppConnect/dmxRouting/dmxRouting.js" defer></script>
</head>
<body is="dmx-app" id="test">
<dmx-value id="textContent" dmx-bind:value="'Dummy text'"></dmx-value>
<div is="dmx-view" id="content" style="background-color: white; padding: 2rem;">
<p dmx-text="textContent.value" class="m-3">Enter your content here</p>
<form id="form1" class=" m-3">
<select id="select1" class="form-select" dmx-on:updated="textContent.setValue(value)" dmx-bind:value="0">
<option value="0">Choose</option>
<option value="1">Option One</option>
<option value="2">Option Two</option>
<option value="3">Option Three</option>
</select>
<button id="btn1" class="btn btn-outline-primary mt-2" dmx-on:click="select1.setValue(1)">Set 1</button>
<button id="btn2" class="btn btn-outline-secondary mt-2" dmx-on:click="select1.setValue(2)">Set 2</button>
<button id="btn3" class="btn btn-outline-dark mt-2" dmx-on:click="select1.setValue(3)">Set 3</button>
</form>
</div>
<script src="/bootstrap/5/js/bootstrap.bundle.min.js"></script>
</body>
</html>