<h3 dir="auto">Problem description</h3>
<p dir="auto">MaxLength works fine for input="text" but it doesn't for input="number". I imagined that max="" would work in this case, but that didn't work either.</p>
<h3 dir="auto">Steps to reproduce</h3>
<h3 dir="auto">Versions</h3>
<ul dir="auto">
<li>Material-UI:</li>
<li>React:</li>
<li>Browser:</li>
</ul>
<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/mui-org/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">Click on disabled TextField in IE11 (Internet Explorer 11.873) not activate underline animation</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Click on disabled TextField in IE11 (Internet Explorer 11.873) activate underline animation</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<ol dir="auto">
<li>Go to the <a href="https://material-ui-next.com/demos/text-fields/#components" rel="nofollow">link</a> in IE 11</li>
<li>Click on disabled TextField</li>
<li>Look at the bug <a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/27290320/33819514-efdd30ca-de5b-11e7-804d-92fa3a7a1f8a.png"><img src="https://user-images.githubusercontent.com/27290320/33819514-efdd30ca-de5b-11e7-804d-92fa3a7a1f8a.png" alt="image" style="max-width: 100%;"></a></li>
</ol>
<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.23</td>
</tr>
<tr>
<td>React</td>
<td>16.1</td>
</tr>
<tr>
<td>browser</td>
<td>Internet Explorer 11.873</td>
</tr>
<tr>
<td>etc</td>
<td>Windows 10</td>
</tr>
</tbody>
</table>