Weirdness when using "size" and HTML5 number input

dabblet.css

/**
 * Weirdness when using "size" and HTML5 number input
 */

input {
	display: block
}

dabblet.html

<h1>input type=text</h1>
<input type=text size=2>
<input type=text size=20>
<input type=text size=40>
<p>Notice how the "size" attribute works?

<hr>

<h1>input type=number</h1>
<input type=number size=2>
<input type=number size=20>
<input type=number size=40>
<p>Notice how the "size" attribute is now ignored?

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}