<p dir="auto">When you have Input with type number and label, there is problem with browers that don't limit input of a string, and if you type in string label will stay over the text.<br>
In Chrome u can only type letter "e" but in Mozzila u can whatever u want.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/5d63a3bb4cba2a50aeb224b3c5240e65612c72593b1678df5977ef386fb7a1cc/68747470733a2f2f692e696d6775722e636f6d2f6e4b435268634e2e706e67"><img src="https://camo.githubusercontent.com/5d63a3bb4cba2a50aeb224b3c5240e65612c72593b1678df5977ef386fb7a1cc/68747470733a2f2f692e696d6775722e636f6d2f6e4b435268634e2e706e67" alt="Bug" data-canonical-src="https://i.imgur.com/nKCRhcN.png" style="max-width: 100%;"></a></p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">Here you go <a href="https://codesandbox.io/s/olnmovn8xq" rel="nofollow">https://codesandbox.io/s/olnmovn8xq</a></p>
<h2 dir="auto">Environment</h2>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>1.0.0-beta.20</td>
</tr>
<tr>
<td>React</td>
<td>16.0.0</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 61.0.3163.91</td>
</tr>
</tbody>
</table>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/callemall/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">The label stays floated, if the user enters non numeric values to a TextField with type="number"</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">The label stays not floated.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/8149519/30313488-d2256ae8-979d-11e7-8269-718ddfa1051f.PNG"><img src="https://user-images.githubusercontent.com/8149519/30313488-d2256ae8-979d-11e7-8269-718ddfa1051f.PNG" alt="label_stays_not_floated" style="max-width: 100%;"></a></p>
<p dir="auto">With only numeric values the label stays floated</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/8149519/30313565-0aa601e8-979e-11e7-8cb3-ebefbd623717.PNG"><img src="https://user-images.githubusercontent.com/8149519/30313565-0aa601e8-979e-11e7-8cb3-ebefbd623717.PNG" alt="label_stays_floated" style="max-width: 100%;"></a></p>
<p dir="auto">Also there are some wierd characters if the TextField is empty:</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/8149519/30313528-f5f358d6-979d-11e7-8869-97204fed6edc.PNG"><img src="https://user-images.githubusercontent.com/8149519/30313528-f5f358d6-979d-11e7-8869-97204fed6edc.PNG" alt="wierd_chars" style="max-width: 100%;"></a></p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li>create a TextField component and use it with type="number"</li>
</ol>
<h2 dir="auto">Context</h2>
    
<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>v1.0.0-beta.8</td>
</tr>
<tr>
<td>React</td>
<td>15.6.1</td>
</tr>
<tr>
<td>browser</td>
<td>Firefox 54.0</td>
</tr>
</tbody>
</table>