<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">Material design table <a href="https://material.io/guidelines/components/data-tables.html#data-tables-tables-within-cards" rel="nofollow">example</a><br>
Table's text-weight should be 500.<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/15093892/35914254-ad5067fa-0c13-11e8-863b-5a6fc6e20354.png"><img src="https://user-images.githubusercontent.com/15093892/35914254-ad5067fa-0c13-11e8-863b-5a6fc6e20354.png" alt="image" style="max-width: 100%;"></a></p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Your table <a href="https://codesandbox.io/s/34m25wk0o1" rel="nofollow">example</a><br>
text-weigth is 400<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/15093892/35914286-cabb503e-0c13-11e8-9769-518b0710aa98.png"><img src="https://user-images.githubusercontent.com/15093892/35914286-cabb503e-0c13-11e8-9769-518b0710aa98.png" alt="image" 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>beta.32</td>
</tr>
<tr>
<td>React</td>
<td>16.2.0</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 64.0.3282.140</td>
</tr>
</tbody>
</table>
<p dir="auto">On some Android devices the SelectField's Menu renders in the top-left, and then pops down to where the field is.</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/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">That the menu animates in, vs rendering and just "popping" over the textfield.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto"><em>NOTE</em>: Steps below using Galaxy S5 running Android 6.0.1 using Chrome 62.0.3202.84</p>
<ol dir="auto">
<li>Open up material-ui.com site</li>
<li>Open side-nav and interact w/ the version dropdown</li>
<li>Navigate to SelectField component examples</li>
<li>Start interacting w/ select fields</li>
</ol>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>0.19.4</td>
</tr>
<tr>
<td>React</td>
<td>15.5.4</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome</td>
</tr>
<tr>
<td>device</td>
<td>Galaxy S5</td>
</tr>
</tbody>
</table>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/5077928/32794895-bf941438-c92f-11e7-9e9b-4a9ca3769391.gif"><img src="https://user-images.githubusercontent.com/5077928/32794895-bf941438-c92f-11e7-9e9b-4a9ca3769391.gif" alt="selectfield2" data-animated-image="" style="max-width: 100%;"></a></p>