<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">Get the input html tag under select</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Get only an object with value field</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">Try to render MySelect from</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="const setData = (e) =&gt; console.log(e.target)
export const MySelect = () =&gt; (
    &lt;FormControl fullWidth&gt;
        &lt;InputLabel htmlFor=&quot;age-simple&quot;&gt;Civilité&lt;/InputLabel&gt;
        &lt;Select
            value={'Monsieur'}
            onChange={setData}
            input={&lt;Input /&gt;}
            label={'Civilité'}
            name='civility'
        &gt;
            &lt;MenuItem value={'Mr'}&gt;Monsieur&lt;/MenuItem&gt;
            &lt;MenuItem value={'Mme'}&gt;Madame&lt;/MenuItem&gt;
        &lt;/Select&gt;
    &lt;/FormControl&gt;
)"><pre class="notranslate"><code class="notranslate">const setData = (e) =&gt; console.log(e.target)
export const MySelect = () =&gt; (
    &lt;FormControl fullWidth&gt;
        &lt;InputLabel htmlFor="age-simple"&gt;Civilité&lt;/InputLabel&gt;
        &lt;Select
            value={'Monsieur'}
            onChange={setData}
            input={&lt;Input /&gt;}
            label={'Civilité'}
            name='civility'
        &gt;
            &lt;MenuItem value={'Mr'}&gt;Monsieur&lt;/MenuItem&gt;
            &lt;MenuItem value={'Mme'}&gt;Madame&lt;/MenuItem&gt;
        &lt;/Select&gt;
    &lt;/FormControl&gt;
)
</code></pre></div>
<ol start="2" dir="auto">
<li>Look at your console</li>
</ol>
<h2 dir="auto">Context</h2>
<p dir="auto">I need to get the name field of my Select<br>
However this one is not present in the triggered event</p>
<h2 dir="auto">Your Environment</h2>
<p dir="auto">Ubuntu 17.04 (64bit)</p>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>1.0.0-beta.12</td>
</tr>
<tr>
<td>React</td>
<td>15.6.1</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 61.0.3163.100 (64bit)</td>
</tr>
<tr>
<td>node</td>
<td>8.1.4</td>
</tr>
<tr>
<td>npm</td>
<td>5.4.2 </td>
</tr>
<tr>
<td>create-react-app </td>
<td>1.4.0 </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">Their should be a method to compensate for the dialogs bahavior when it opens. The dialog remove the scroll bar when it opens. When the site contains fixed elements that causes the element to move slightly.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">I was not able to find a method to solve this issue with the current possibilities.</p>
<p dir="auto">One way to solve the problem is to stop the removal of the scrollbar. This approach requires a way to diable the compensation in element like the AppBar etc.</p>
<p dir="auto">The other method could be some kind of Component og props that allows the fixed element to compensate in the same way as the AppBar.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<ol dir="auto">
<li>Go to <a href="https://codesandbox.io/s/znwvvwq404" rel="nofollow">https://codesandbox.io/s/znwvvwq404</a></li>
<li>Observe the face icon and the "right" text in the red box.</li>
<li>Click the "Open Dialog" button</li>
<li>Observe the position of the face icon and the "right" text in the red box.</li>
</ol>
<h2 dir="auto">Context</h2>
<p dir="auto">I tried to have fixed tabs right below the AppBar. In order to do that i wrapped the tabs in a div and fixed it. After that i used flexbox to center the Tabs.</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.16</td>
</tr>
<tr>
<td>React</td>
<td>15.6.1</td>
</tr>
<tr>
<td>browser</td>
<td>Google Chrome Version 61.0.3163.100</td>
</tr>
</tbody>
</table>