Radio button won't reset

Wappler Version : 4.0.1
Operating System : Windows 10 x64
Server Model: NodeJS
Database Type: PostgreSQL
Hosting Type: Docker

I’m facing same weird radio button behavior as @michaeljn Radio controls, submitting final radio button value only

I have a basic post form with 3 radio buttons. On form success post I have form reset action.
All elements are reset except radio button which are quite weird:

image

  • Radio button value posts to server action without any problem
  • First and second radio button shows green after I reopen form no matter which radio button I’ve selected previously
    <div class="col-6">

                                        <h6 class="fw-light">Select quotation type</h6>

                                        <div class="mb-3" id="input_group_select_quotation_type" is="dmx-radio-group" dmx-bind:value="'Aircraft quotation'">

                                            <div class="form-check">

                                                <input class="form-check-input" type="radio" value="Aircraft quotation" id="input1_1" name="input1_1">

                                                <label class="form-check-label" for="input1_1">Aircraft quotation</label>

                                            </div>

                                            <div class="form-check">

                                                <input class="form-check-input" type="radio" value="General quotation" id="input1_2" name="input1_1">

                                                <label class="form-check-label" for="input1_2">General quotation</label>

                                            </div>

                                            <div class="form-check">

                                                <input class="form-check-input" type="radio" value="Component quotation" id="input1_3" name="input1_1">

                                                <label class="form-check-label" for="input1_3">Component quotation</label>

                                            </div>

                                        </div>

Bump.
Just encountered this on 4.0.1.
Really weird bug. All but last check/radio in the list remain “isvalid”. This is resulting in a really bad UX.
Any ideas on how to fix this before a fix is released in future update? Have an app scheduled to go into production - would really like to not have this UX issue.

Could you please tell me which Bootstrap version you are using.

@patrick Bootstrap 5 local

Please test following update.

dmxValidator.zip (5.3 KB)

Cannot reproduce the issue anymore. The update seems to work. :+1:

Updated dmxValidator fixed this problem.
Thank you.

This has been fixed in Wappler 4.0.2

This topic was automatically closed after 45 hours. New replies are no longer allowed.