I have this short example

<input value="2" min="0.1" max="1000" type="number" />

The input with: min=0.1 max=1000 value=2 step=1 The problem is: If I click on up arrow (pseudo-element for number type=number) - the input value becames 2.1 and then 3.1 WHY does it add 0.1 on the first click? And if you change 3.1 to 3 and click up arrow you still see 3.1 and 4.1 on the second click