<p dir="auto">We want to have a dialog with scroll bar where we want height of dialog to be fixed, irrespective of number of items inside list. We have observed height can be increased from certain height but not decrease. We tried various styling but it's not working.</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">Height should be customizable.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">Height of dialog is proportional to number of items.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li>Create a dialog</li>
<li>Add list items (count should be above 30) inside dialog</li>
<li>Add styling with different keywords.</li>
<li>Open dialog.</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></td>
</tr>
<tr>
<td>React</td>
<td></td>
</tr>
<tr>
<td>browser</td>
<td></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>

<h2 dir="auto">Current Behavior</h2>

<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li>Blank out value in the AutoComplete</li>
<li>Hit Enter</li>
<li>Menu gets dismissed but value does not update</li>
</ol>
<p dir="auto">Expect to see the menu get dismissed and onNewRequest invoked.</p>
<h2 dir="auto">Context</h2>
<p dir="auto">The code below in AutoComplete.js will only call onNewRequest when the searchText is not blank.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="switch (keycode(event)) {
  case 'enter':
    this.close();
    const searchText = this.state.searchText;
    if (searchText !== '') {
      this.props.onNewRequest(searchText, -1);
    }"><pre class="notranslate"><code class="notranslate">switch (keycode(event)) {
  case 'enter':
    this.close();
    const searchText = this.state.searchText;
    if (searchText !== '') {
      this.props.onNewRequest(searchText, -1);
    }
</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></td>
</tr>
<tr>
<td>React</td>
<td></td>
</tr>
<tr>
<td>browser</td>
<td></td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>