Double clicking `type=submit` button in `q-stepper` throws an error
See original GitHub issueDescribe the bug
Double clicking a type=submit
button in a q-form
which is part of a q-stepper
throws an error.
Codepen/jsFiddle/Codesandbox (required)
https://jsfiddle.net/73e2vfzp/2/
To Reproduce Steps to reproduce the behavior:
- Run the jsfiddle
- Double click the ‘Continue button’ button.
- The stepper continues as expected. No error is thrown.
- Rerun the jsfiddle or use the ‘back’ button to get back to the initial step.
- Double click the ‘Continue Form’ button.
- See error in console.
Expected behavior
No error occurs.
Screenshots If applicable, add screenshots to help explain your problem.
Platform (please complete the following information):
Quasar Version: 2.1.0
@quasar/app Version: 3.1.2
Quasar mode:
- SPA
- SSR
- PWA
- Electron
- Cordova
- Capacitor
- BEX
Tested on:
- SPA
- SSR
- PWA
- Electron
- Cordova
- Capacitor
- BEX
OS: Manjaro Linux 21.1.4
Node: v16.10.0
NPM: 7.24.1
Yarn: 1.22.11
Browsers: Firefox
Additional context Add any other context about the problem here.
Issue Analytics
- State:
- Created 2 years ago
- Comments:6 (2 by maintainers)
Top Results From Across the Web
MVC - Issue with users double-clicking Submit button
This code disables the Submit button so the user cannot click twice. This works fine. However, if there are client side validation errors...
Read more >Testing complex forms - Testing Angular
How to test the logic and accessibility of Angular Reactive Forms.
Read more >Test Automation With Selenium Click Button Method(Examples)
Right Click; Mouse Hover. Advanced Operations: Double Click(); ClickAndHold(); Keyboard Operations; Drag and Drop. Selenium click button method ...
Read more >Double Click Form Submission Fix - Mobilize Cloud
The one thing that you have to do is make sure the form is still submitted and then the button is disabled. You...
Read more >Angular Reactive Forms: trigger validation on submit
In this article we will learn different approaches of validating all form fields when user clicks on submit button for Angular Reactive ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I managed to reproduce it to find the source: rootRef.value is null at https://github.com/quasarframework/quasar/blob/9098399ef1c56c7071c2c08a55e40573b2db064b/ui/src/components/btn/QBtn.js#L124
Great to hear and thanks for your work on that!