No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Debounce does not work for the native number buttons

    Framework
    2
    2
    183
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • Dennis van Beek
      Dennis van Beek last edited by

      I notice that debounce does not work with the native arrow-buttons for increasing and decreasing the value (at least in Chrome and Firefox).

      If the value is changed using the keyboard the debounce works good, but when the user increases the value using the up arrow the debounce is ignored and every click results in the direct input handler.

      <q-input type="number" v-model="someNumber" debounce="500" @input="expensiveServerCall" />
      

      Is this fixable, or is this something I have to solve myself?

      1 Reply Last reply Reply Quote 0
      • metalsadman
        metalsadman last edited by

        @Dennis-van-Beek file a bug issue at gh repo. workaround for the meantime https://codepen.io/metalsadman/pen/abzQarp?editable=true&editors=101

        1 Reply Last reply Reply Quote 1
        • First post
          Last post