<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 using the <code class="notranslate">open</code> prop, the Select's Menu should be positioned in the same place as if it were not a controlled component and was opened via a click.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">The Select's Menu is positioned in the top-left corner, or elsewhere depending on how the rest of the page is constructed.<br>
Looking at the code, it seems that the <code class="notranslate">anchorEl</code> for the Menu is passed only from <code class="notranslate">handleClick</code> and <code class="notranslate">handleKeyDown</code> (<code class="notranslate">anchorEl: event.currentTarget</code>). When the Select is opened using the <code class="notranslate">open</code> prop, these functions are not called, therefor <code class="notranslate">anchorEl</code> is <code class="notranslate">null</code>.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">CodeSandbox example : <a href="https://codesandbox.io/s/r7nvmz31nq" rel="nofollow">https://codesandbox.io/s/r7nvmz31nq</a></p>
<h2 dir="auto">Context</h2>
<p dir="auto">I have a button that reveals a Select component and opens it for the user to pick an item.</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.32</td>
</tr>
<tr>
<td>React</td>
<td>16.2.0</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 63</td>
</tr>
<tr>
<td>etc</td>
<td></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/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">floatingLabelText should always be visible</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">If TextFields are set inside an div with <code class="notranslate">column-width</code> set and <code class="notranslate">overflow: auto;</code>, not all floatingLabelText are shown on Chrome. Generally it seems that only the labels of the first column are shown though I have seen cases where the labels disappear somewhere partly down the second column.</p>
<p dir="auto">Sometimes (in my app) the labels appear partly while scrolling. And they all appear for a short moment when focusing a TextField.</p>
<p dir="auto">In Firefox all labels are shown.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<ul dir="auto">
<li>Open this sandbox <a href="https://codesandbox.io/s/5yln48v5qn" rel="nofollow">https://codesandbox.io/s/5yln48v5qn</a> in Chrome to see the bug</li>
<li>Click in a field to see labels appear for a short moment</li>
<li>Open in Firefox to see it working fine</li>
</ul>
<h2 dir="auto">Context</h2>
<p dir="auto">I am trying to show dozens of TextField's efficiently on large screens.</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.4</td>
</tr>
<tr>
<td>React</td>
<td>16.2.0</td>
</tr>
</tbody>
</table>