react-input-range icon indicating copy to clipboard operation
react-input-range copied to clipboard

Arrow keys do not work with a step value of less than 1 and value that has min and max

Open hiddensanctum opened this issue 5 years ago • 0 comments

Code Example:

<InputRange
   maxValue={20}
   minValue={0}
   value={
      min: 5,
      max: 10
   }
   steps={0.1}
   onChange={value => this.setState({ value })} />

Repro Steps:

  1. Keyboard tab into the sliders
  2. Try to use right or left arrow keys to change the value

Expected: Min and max values will change Actual: Nothing happens

Additional Info

  • You can use the mouse to change the min and max values
  • Not having the ability to use the keyboard breaks accessibility

hiddensanctum avatar Sep 01 '20 01:09 hiddensanctum