Per this post (Disable scrolling increment/decrement for "number" type Text components) the number input value should not change when the cursor is scrolled while the element is focused. This was highlighted as a big usability issue from our users and unfortunately we are still experiencing it despite the above post indicating the functionality should be disabled.
Hi there! Thanks for reaching out about this. I was able to repro, so I shared with the components team and created a bug report for this.
If this is a blocker for you or anyone else in the community, it looks like you may be able to work around this by using the deprecated text input component (with number type input)
You can just search "input" in the components list and it'll appear at the bottom if you have them enabled (admins can enable deprecated components by going to Settings > Beta > and enable Deprecated Components)
@Tess Thank you for the update! Its not a blocker at the moment but definitely something that is a priority for us – do you have a sense of timeframe for fixing the component?
Hi @r0meboards, stepping in for Tess here We passed your feedback to the team that owns this and it sounds like we actually added this behavior intentionally as a new way of updating the value of number inputs. This follows standard best practices for numeric inputs on the web, including the native <input type=number>
behavior, but we still might look into adding a setting for this. I'll post any updates in this thread, but this likely won't happen any time soon, to be transparent
Hi @victoria , thanks for the response. This continues to be a significant usability issue as our users are repeatedly entering the wrong numbers into their inputs due to inadvertent scrolling. Its also slightly confusing that this used to be disabled in Retool (see this thread) but now its being added again. At the minimum I would expect a setting to be able to disable it.
Again, I'm pressing this issue as it's actively causing usability issues on our end. Thank you!
Have been eagerly awaiting this! Thanks @victoria. Clarifying — will this also disable incrementation when scrolling while the field is in focus (ie, the cursor is in the field flashing), or only when the field is not in focus?
Hey @victoria , can we somehow disable scrolling for this even when the user is focused? my problem is that the user enters a number, and scrolls down while their mouse is still on the input.
I tried running editableText3.preventScroll = true; but it doesn't actually denys number changes by scroll..