<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>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="All Icons of the bottom navigation should be in one row."><pre class="notranslate"><code class="notranslate">All Icons of the bottom navigation should be in one row.
</code></pre></div>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">On Firefox on iOS the last icon of the bottom navigation escapes the row of icons. See picture attached. This behavior is only seen in Firefox on iOS</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">goto: demo.cliniserve.de -&gt; start -&gt; 541661-&gt; next</p>
<h2 dir="auto">Context</h2>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/4281978/35094291-206a336c-fc45-11e7-8355-2572a5fee239.png"><img width="366" alt="image-1" src="https://user-images.githubusercontent.com/4281978/35094291-206a336c-fc45-11e7-8355-2572a5fee239.png" style="max-width: 100%;"></a></p>
<h2 dir="auto">Your Environment</h2>
<p dir="auto">This error only occures on Firefox on an iOS device (iPhone 6)</p>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>0.20.0</td>
</tr>
<tr>
<td>React</td>
<td>15.6.2</td>
</tr>
<tr>
<td>browser</td>
<td>Firefox on iOS</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/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">In <strong>Chrome</strong> it works as expected. <g-emoji class="g-emoji" alias="ok_hand" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f44c.png">👌</g-emoji><br>
The text on an input field is not stripped.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1302282/33133827-4859783e-cf9e-11e7-91ef-e667fe985a39.png"><img src="https://user-images.githubusercontent.com/1302282/33133827-4859783e-cf9e-11e7-91ef-e667fe985a39.png" alt="screenshot from 2017-11-22 16-00-19" style="max-width: 100%;"></a></p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">In <strong>Firefox</strong>, the text on an input field is bottom stripped for some letters. 'g/y/j/p/q' for instance.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1302282/33133899-826a9972-cf9e-11e7-9b5e-177b579dafa9.png"><img src="https://user-images.githubusercontent.com/1302282/33133899-826a9972-cf9e-11e7-9b5e-177b579dafa9.png" alt="screenshot from 2017-11-22 15-59-39" style="max-width: 100%;"></a></p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li>Go to the <a href="https://material-ui-next.com/demos/text-fields/" rel="nofollow">MaterialUI Next website</a></li>
<li>On the first field, type some: "The letters gyjpq in Firefox".</li>
<li>You'll see the bottom of the "gyjpq" are stripped.</li>
</ol>
<h2 dir="auto">Context</h2>
    
<p dir="auto">As an extra, one thing I noticed is:</p>
<p dir="auto">The letters are bottom stripped.<br>
<strong>But</strong> if you select the text, then the issue is "solved" the text is perfectly aligned. (unless you append some more text).</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1302282/33134007-dd0a238e-cf9e-11e7-9fde-3b425002f033.png"><img src="https://user-images.githubusercontent.com/1302282/33134007-dd0a238e-cf9e-11e7-9fde-3b425002f033.png" alt="screenshot from 2017-11-22 15-59-53" style="max-width: 100%;"></a><br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1302282/33134009-df105bda-cf9e-11e7-836b-eccfb9649374.png"><img src="https://user-images.githubusercontent.com/1302282/33134009-df105bda-cf9e-11e7-836b-eccfb9649374.png" alt="screenshot from 2017-11-22 16-00-03" style="max-width: 100%;"></a></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.21</td>
</tr>
<tr>
<td>React</td>
<td>15.4.2</td>
</tr>
<tr>
<td>browser</td>
<td>Firefox Quantum 57.0 (64-bit)</td>
</tr>
</tbody>
</table>