<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">Floating label should only float after selecting an element from the list.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">Floating label starts floating for a short amount of time before opening the dropdown list.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li>Go to <a href="http://www.material-ui.com/v0.19.4/#/components/select-field" rel="nofollow">http://www.material-ui.com/v0.19.4/#/components/select-field</a>. Scroll down to "Floating label example" section.</li>
<li>Click on the placeholder area of the SelectField on the first example. Notice everything including the floating label works fine.</li>
<li>Then try clicking on the little arrow icon indicating the dropdown menu located on the right area of the SelectField.</li>
<li>Notice the floating label starts floating for a very short amount of time just before the dropdown menu is completely open.</li>
</ol>
<p dir="auto">Note: Pressing and waiting on the arrow icon triggers the floating label to float. However, pressing and waiting on the other area of the SelectField does not trigger anything. That may be the cause of the bug.</p>
<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>v0.19.4</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome v61.0.3163.100</td>
</tr>
</tbody>
</table>
<p dir="auto">If you go to material-ui website <a href="http://www.material-ui.com/" rel="nofollow">http://www.material-ui.com/</a> changing the emulator for example to<br>
blackberry Z30 and refresh, you would see that there are some issues with the layout.<br>
After investigating the code it seems that if I change the muiTheme.userAgent to 'all' it got fixed, but that breaks IE 10 for example.</p>
<p dir="auto">It seems to me that there is no fallback when the userAgent is not detected by the Autoprefixer.</p>

<ul dir="auto">
<li>[x ] 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">prefixed styling should be applied</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">There are no prefixes applied to new browsers.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">Go to material-ui main website, change emulator to Blackberry and refresh the page</p>
<h2 dir="auto">Context</h2>
<p dir="auto">It affects my AppBar rightElements, it might be only happen there</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>0.19.14</td>
</tr>
<tr>
<td>React</td>
<td>16.1.0</td>
</tr>
<tr>
<td>browser</td>
<td>Blackberry or any other modern browser</td>
</tr>
</tbody>
</table>