question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Double clicking `type=submit` button in `q-stepper` throws an error

See original GitHub issue

Describe 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:

  1. Run the jsfiddle
  2. Double click the ‘Continue button’ button.
  3. The stepper continues as expected. No error is thrown.
  4. Rerun the jsfiddle or use the ‘back’ button to get back to the initial step.
  5. Double click the ‘Continue Form’ button.
  6. 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:closed
  • Created 2 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

3reactions
pdanpdancommented, Oct 11, 2021
0reactions
sirkrypt0commented, Oct 12, 2021

Fix will be available in Quasar v2.1.2

Great to hear and thanks for your work on that!

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found