<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">When a textfield is focused, only that and the one that got blurred (if any) should be repainted</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">When a textfield is focused, all following textfields on that page is repainted</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li>Have a page with multiple textfields, for example <a href="https://material-ui.com/demos/text-fields/" rel="nofollow">https://material-ui.com/demos/text-fields/</a></li>
<li>Use dev tools to see which parts of the page is repainted. For example Chromes "paint flashing" or "layer boarders"</li>
<li>Focus a textfield</li>
</ol>
<h2 dir="auto">Context</h2>

<p dir="auto">This is not a huge problem but it does add some extra cost and I have noticed a bit of slowdowns on a phone which would be nice to crush.<br>
I have not tested but my theory is that the line<br>
<a href="https://github.com/mui-org/material-ui/blob/e49ce4f7c2df242062fe46a2f3aeb30f78a01ef1/src/Input/Input.js#L453">https://github.com/mui-org/material-ui/blob/e49ce4f7c2df242062fe46a2f3aeb30f78a01ef1/src/Input/Input.js#L453</a> should be covered by an if-statement to only set state (and therefor rerender) if <code class="notranslate">focused</code> is already <code class="notranslate">false</code></p>
<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>1.0.0-beta.21</td>
</tr>
<tr>
<td>React</td>
<td>16</td>
</tr>
<tr>
<td>browser</td>
<td>Firefox, Chrome</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>
<h2 dir="auto">Style broken on selected date</h2>

<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/929905/14303008/42ce407e-fbd9-11e5-98e8-be4fbfb456e6.png"><img width="384" alt="screen shot 2016-04-06 at 9 21 37 am" src="https://cloud.githubusercontent.com/assets/929905/14303008/42ce407e-fbd9-11e5-98e8-be4fbfb456e6.png" style="max-width: 100%;"></a></p>
As the screenshot from Safari, i found that the top value of element is '10px' so the element rendered a wrong position
## Versions

<ul dir="auto">
<li>Material-UI: v0.15.0-alpha.2</li>
<li>React:</li>
<li>Browser: Safari Version 9.1 (10601.5.17.4)</li>
</ul>