[Feature Request] VNumberInput dynamic step size

[lukasberbuer]

Problem to solve

The step prop currently only takes a number. This works well for linear scaled numbers.
I would like to use a dynamic step size (for a logarithmic scaled value):

• increment: multiply value by 2
• decrement: divide value by 2

Proposed solution

The prop could take a callable which returns the computed step size, e.g.:

enum StepDirection {
  Up = 1,
  Down = -1,
}
type StepFunc = (value: number, direction: StepDirection) => number;

const logStep = (value: number, direction: StepDirection) => {
  switch (direction) {
  case StepDirection.Up:
    return value;
  case StepDirection.Down:
    return -0.5 * value;
  }
};

[J-Sek]

Title is a bit misleading. You do not ask for dynamic step, but for straight override of the up/down behavior.

In the current state it is not possible to achieve with VNumberInput. While we can override slots, VNumberField implementation contains preventDefault() after detecting ArrowUp and ArrowDown thus preventing parent component from detecting such interactions. I was able to implement this with VTextField [Demo].

I wish I could understand this use case a bit more. In what scenario user would expect this kind of behavior instead of adding or removing defined step value? I am curious because I felt a bit confused when interacting with the example implementation.