[Agency] Reset Button on Contact form

Hi there !

While (still) trying to get a working contact form, I read one more time the https://learn.getgrav.org/17/forms/forms/example-form
And there is an additional button to reset the form, witch I found is a useful idea !
Unfortunately, this does not work in the Agency theme, or is it my stuff that has the problem ?

Any clue of how to make it work ?

here is what I put in my grav/user/pages/01.home/_contact/form.md

although, this reset button does not react when pointer is over ...

    buttons:
        - type: submit
          classes: "btn btn-primary btn-lg"
          value: Envoyer
        - type: reset
          classes: "btn btn-primary btn-lg"
          value: Effacer

Any help will be appreciated ^^

EDIT:
in fact, it does work but in certain condition and certainly not after having submit a valid form ...

@citoyencandide, Apart from the issue you are experiencing, you might consider if a Reset button is good UX.

According to MDN on <input type="reset">

You should usually avoid including reset buttons in your forms. They're rarely useful, and are instead more likely to frustrate users who click them by mistake (often while trying to click the submit button).

About the issue:
I can reproduce the behaviour you are observing on a fresh install, using theme Quark and the demo Contact form from the docs.

You might consider opening an issue on github.com/getgrav/grav-plugin-form.

Done

OK, closed.

In terms of UX, isn't changing the color of the button enough to avoid user clicking the wrong button ?

(collateral question : how do I change this color?)

@citoyencandide,

In terms of UX, isn’t changing the color of the button enough to avoid user clicking the wrong button ?

I think I would first ask myself what the use-case might be that makes adding a Reset button valuable.

you're right : it's not because it is available that you need it ...