<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">Current Behavior</h2>
<p dir="auto">On mobile Chrome and Safari, tested iOS 11.2.5, when inputting text in an Input field featuring an InputAdornment, there is a strange behavior where extra space is added below text. See attached screen shot.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/36003207/35658249-716c1e36-06ce-11e8-84fb-edf2d8410e8c.jpeg"><img src="https://user-images.githubusercontent.com/36003207/35658249-716c1e36-06ce-11e8-84fb-edf2d8410e8c.jpeg" alt="image1" style="max-width: 100%;"></a></p>
<h2 dir="auto">Your Environment</h2>

<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&quot;material-ui&quot;: &quot;^1.0.0-beta.31&quot;,
&quot;material-ui-icons&quot;: &quot;^1.0.0-beta.17&quot;,
&quot;react&quot;: &quot;^16.2.0&quot;,
&quot;react-dom&quot;: &quot;^16.2.0&quot;,
&quot;react-scripts&quot;: &quot;1.0.17&quot;"><pre class="notranslate"><code class="notranslate">"material-ui": "^1.0.0-beta.31",
"material-ui-icons": "^1.0.0-beta.17",
"react": "^16.2.0",
"react-dom": "^16.2.0",
"react-scripts": "1.0.17"
</code></pre></div>
<p dir="auto">If you want to explain a Select field's MenuItems via a tooltip, the onChange will no longer work.</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">Select a new value, state is updated</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">Crash. Event target is the tooltip, not the MenuItem, and thus there is no target value</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;FormControl&gt;
    &lt;InputLabel htmlFor='activity-level'&gt;Activity Level&lt;/InputLabel&gt;
    &lt;SelectField
        input={&lt;Input name=&quot;sort&quot; id='activity-level' /&gt;}
        onChange={this.handleFormChange('activityLevel')}
        value={this.state.activityLevel}
    &gt;
        &lt;Tooltip id=&quot;tooltip-sedentary&quot; title=&quot;Little or no exercise&quot; placement=&quot;right&quot;&gt;
            &lt;MenuItem value={'sedentary'} &gt;Sedentary&lt;/MenuItem&gt;
        &lt;/Tooltip&gt;
        &lt;Tooltip id=&quot;tooltip-light&quot; title=&quot;1-3/week&quot; placement=&quot;right&quot;&gt;
            &lt;MenuItem value={'light'} &gt;Light&lt;/MenuItem&gt;
        &lt;/Tooltip&gt;
    &lt;/SelectField&gt;
&lt;/FormControl&gt;


handleFormChange(key) {
    return (event) =&gt; {
        debugger
        let newState = {};
        newState[key] = event.target.value;
        this.setState(newState);
    }
}"><pre class="notranslate"><code class="notranslate">&lt;FormControl&gt;
    &lt;InputLabel htmlFor='activity-level'&gt;Activity Level&lt;/InputLabel&gt;
    &lt;SelectField
        input={&lt;Input name="sort" id='activity-level' /&gt;}
        onChange={this.handleFormChange('activityLevel')}
        value={this.state.activityLevel}
    &gt;
        &lt;Tooltip id="tooltip-sedentary" title="Little or no exercise" placement="right"&gt;
            &lt;MenuItem value={'sedentary'} &gt;Sedentary&lt;/MenuItem&gt;
        &lt;/Tooltip&gt;
        &lt;Tooltip id="tooltip-light" title="1-3/week" placement="right"&gt;
            &lt;MenuItem value={'light'} &gt;Light&lt;/MenuItem&gt;
        &lt;/Tooltip&gt;
    &lt;/SelectField&gt;
&lt;/FormControl&gt;


handleFormChange(key) {
    return (event) =&gt; {
        debugger
        let newState = {};
        newState[key] = event.target.value;
        this.setState(newState);
    }
}
</code></pre></div>
<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.26</td>
</tr>
<tr>
<td>React</td>
<td>16.1.0</td>
</tr>
</tbody>
</table>