<p dir="auto">I have an issue with SelectField having many menu items with "checked" prop when first menu item have buttons as children. The list scrolls to first item immediately when i click on last item or on items near last item.</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">The list should not scroll to first item when i check last or near last item. It must stay at the same place where i clicked.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">The list scrolls to first item immediately when i click on last item or on items near last item.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<p dir="auto">Here is the live example <a href="https://codesandbox.io/s/30z4y4772m" rel="nofollow">https://codesandbox.io/s/30z4y4772m</a></p>
<ol dir="auto">
<li>Click on the SelectField</li>
<li>Scroll to the bottom</li>
<li>Click on any item</li>
<li>List scrolled to top</li>
</ol>
<h2 dir="auto">Context</h2>

<p dir="auto">This issue making use of my dropdown component uncomfortable for user as it forces user to verify if he really checked the item in the list. The buttons is also needed.</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>0.19.4</td>
</tr>
<tr>
<td>React</td>
<td>16.0.0</td>
</tr>
<tr>
<td>browser</td>
<td>Google Chrome</td>
</tr>
<tr>
<td>OS</td>
<td>Windows 10</td>
</tr>
</tbody>
</table>
<p dir="auto">I'm trying to use the React Material tables.</p>
<p dir="auto">But when I add paging to them I get the following error:</p>
<p dir="auto"><code class="notranslate">Error: Material-UI: the value property is required when using the Select component with native=false.</code></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">Expected Behavior</h2>

<p dir="auto">Get paid for the records in the table</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">Can not render table much less than page</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li>Create Table</li>
<li>Add Table Pagination</li>
<li></li>
<li></li>
</ol>
<h2 dir="auto">Context</h2>

<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><a class="user-mention notranslate" data-hovercard-type="organization" data-hovercard-url="/orgs/next/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/next">@next</a></td>
</tr>
<tr>
<td>React</td>
<td>16.2.0</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>