<p dir="auto">In Firefox when using InputAdornement on a TextField of <code class="notranslate">type="number</code> the adornment is moving outside if the field / wrapper is not big enough. I prepared an example (see link below). For that I copied the example from the docs and just added the <code class="notranslate">type</code> property.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/2188790/33243854-c02a3cac-d2ed-11e7-808f-3586b76ea7fe.png"><img width="279" alt="bildschirmfoto 2017-11-26 um 21 06 31" src="https://user-images.githubusercontent.com/2188790/33243854-c02a3cac-d2ed-11e7-808f-3586b76ea7fe.png" style="max-width: 100%;"></a></p>
<p dir="auto">I have no idea why this is happening or how to fix that.</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">Steps to Reproduce (for bugs)</h2>
<p dir="auto"><del><a href="https://pmpx74419m.codesandbox.io/" rel="nofollow">https://pmpx74419m.codesandbox.io/</a></del><br>
<a href="https://codesandbox.io/s/pmpx74419m" rel="nofollow">https://codesandbox.io/s/pmpx74419m</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>v1.0.0-beta.21</td>
</tr>
<tr>
<td>browser</td>
<td>Firefox 57</td>
</tr>
</tbody>
</table>
<ul dir="auto">
<li>[x ] 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 ran the commands<code class="notranslate">npm install material-ui</code> and <code class="notranslate">npm install material-ui@next</code> to get all the modules for an example I'm trying to run. Since they are all material-ui modules, there should've been no error in importing anything.<br>
Here is the link to the example I'm trying to run: <a href="https://github.com/callemall/material-ui/blob/master/docs/src/app/components/pages/components/GridList/ExampleSimple.js">SimpleGrid</a></p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">I am still getting import errors saying that the following two modules aren't found.<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/7389027/32640701-95aca0fc-c58f-11e7-9064-a299181eb3d7.png"><img src="https://user-images.githubusercontent.com/7389027/32640701-95aca0fc-c58f-11e7-9064-a299181eb3d7.png" alt="screen shot 2017-11-09 at 8 49 52 pm" style="max-width: 100%;"></a></p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<ol dir="auto">
<li>
<p dir="auto">Import all material-ui modules<br>
run <code class="notranslate">npm install material-ui</code> and <code class="notranslate">npm install material-ui@next</code></p>
</li>
<li>
<p dir="auto">Get the example code from this file: <a href="https://github.com/callemall/material-ui/blob/master/docs/src/app/components/pages/components/GridList/ExampleSimple.js">SimpleGrid</a></p>
</li>
<li>
<p dir="auto">setup your environment and run <code class="notranslate">npm start</code></p>
</li>
</ol>
<h2 dir="auto">Context</h2>
<p dir="auto">I tried importing the specific modules required as well (<code class="notranslate">npm install material-ui/Subheader</code>) but I got more errors.</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.20</td>
</tr>
<tr>
<td>React</td>
<td>16.1.0</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome</td>
</tr>
</tbody>
</table>