I have two input elements, both of which are of type number, and both of which have a min value of 0.

However, the second element also has a max attribute set to 100, and it appears this element has less width than the first one.

<input type="number" min="0" />
<input type="number" min="0" max="100" />

Does anyone know why the second element’s CSS changes when adding that max attribute?

Here is the jsfiddle: https://jsfiddle.net/8e3bys07/