Weirdness when using "size" and HTML5 number input

dabblet.css

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

input {
	display: block
}

.small { width: 30px; }
.medium { width: 120px; } 
.large { width: 220px; }

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 class="small">
<input type=number class="medium">
<input type=number class="large">
<p>Notice how the "size" attribute is now ignored?

settings.json

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