EDIT: Fixed in Wappler 6.8.0
Wappler Version :6.7.3
Operating System : mac os
Server Model: nodejs
Database Type: mysql
Hosting Type: docker
Expected behavior
Resetting a form does not reset a DMX radio group properly.
When I reset a form I expect the radio group to be reset.
Instead it seems to partially reset (not the 'checked' state).
For example, I have a form:
<form is="dmx-serverconnect-form" id="formIntegrationAction" method="post" action="/api/v1/checkouts/integrations/create" dmx-on:reset="formIntegrationActionChanged.uncheck();" >
With this form group:
<div is="dmx-radio-group" id="inpTriggerType" class="radio-group ks-radio-group" dmx-bind:value="'checkout'" role="group" dmx-on:updated="formIntegrationActionChanged.check()">
<input type="radio" class="btn-check" name="trigger_type" id="triggerTypeCheckout" checked autocomplete="off" value="checkout">
<label class="btn btn-outline-primary" for="triggerTypeCheckout">Betaalpagina</label>
<input type="radio" class="btn-check" name="trigger_type" id="triggerTypeProduct" autocomplete="off" value="product">
<label class="btn btn-outline-primary" for="triggerTypeProduct">Product</label>
</div>
I reset the form using this button:
<button class="ks-btn ks-btn-secondary-outline hidden-top-in" dmx-on:click="formIntegrationAction.reset();" dmx-class:hidden-show="formIntegrationActionChanged.checked">
Then the form group DOES get visually reset but the value of the radio group is still the old one.
See visually:
I can work around this by adding:
dmx-on:reset="inpTriggerType.setValue('checkout')"