<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>
<p dir="auto">console logs <code class="notranslate">null, undefined, undefined</code></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;TextField
          ref={(a, b, c) =&gt; {
            console.log(a, b, c);
          }}
..."><pre class="notranslate"><code class="notranslate">&lt;TextField
          ref={(a, b, c) =&gt; {
            console.log(a, b, c);
          }}
...
</code></pre></div>
<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>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>^1.0.0-beta.17</td>
</tr>
<tr>
<td>React</td>
<td>^15.0.2</td>
</tr>
<tr>
<td>browser</td>
<td>chrome os x</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>