<p dir="auto">The select component in <code class="notranslate">1.0-beta.27</code> does not change selection to when you type</p>


<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 you have a select field selected and begin to type, it should change selection to match what you typed.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">Typing while a select is open does nothing.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<p dir="auto"><a href="https://codesandbox.io/s/20xx3owq8n" rel="nofollow">https://codesandbox.io/s/20xx3owq8n</a></p>
<h2 dir="auto">Context</h2>

<p dir="auto">Need to be able to quickly select from a large list</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-beta.27</td>
</tr>
<tr>
<td>React</td>
<td>15,6</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome (latest)</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/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">I would expect native and non-native Selects to left justify their text with the same text indent as an Input.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">Currently on firefox on Windows and Linux the native select (the middle one in the screenshot below) has a text indent where the others don't:</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/7705060/32286596-e442d288-bf25-11e7-9f75-e425839e7d6c.png"><img src="https://user-images.githubusercontent.com/7705060/32286596-e442d288-bf25-11e7-9f75-e425839e7d6c.png" alt="screenshot-2017-11-1 sandbox - codesandbox 1" style="max-width: 100%;"></a></p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<p dir="auto"><a href="https://codesandbox.io/s/zn4k1yq153" rel="nofollow">https://codesandbox.io/s/zn4k1yq153</a></p>
<h2 dir="auto">Context</h2>
    
<p dir="auto">I'm making lists of Inputs and native Selects, and it looks odd when they have different text indents</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 19</td>
</tr>
<tr>
<td>React</td>
<td>15.5.3</td>
</tr>
<tr>
<td>browser</td>
<td>firefox</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>