Хромированное числовое поле горизонтальной прокрутки

Я создал поле чисел, в котором текст внутри выровнен справа.

UseCase:

Если вы выберите полный текст или, когда вы используете среднюю кнопку мыши внутри поля ввода, чтобы прокрутить, я заметил, что можно прокручивать текст примерно на 1px влево. До сих пор я мог только спровоцировать это поведение в Chrome.

Вы можете увидеть его в действии с помощью этого кода:

<input type="number" value="15" style="text-align: right;" />

Ответы

html {
 box-sizing: border-box;
}

*, *:before, *:after {
 box-sizing: inherit;
}

input {
  width: 100%;
  text-indent: calc(100% - 1.5em);
  font-size: 1em;
}