title: ANGULAR - How to keep select dropdown opened when opening mat-menu?
body: <p>I have a <code>mat-select</code> component that contains custom options (with additional menu &quot;Set as default&quot;):</p>
  <pre><code>&lt;mat-form-field appearance=&quot;fill&quot;&gt;
    &lt;mat-label&gt;Favorite food&lt;/mat-label&gt;
    &lt;mat-select&gt;
      &lt;mat-option *ngFor=&quot;let food of foods&quot; [value]=&quot;food.value&quot;&gt;
        {{food.viewValue}}
        &lt;button mat-icon-button [matMenuTriggerFor]=&quot;menu&quot; aria-label=&quot;Example icon-button with a menu&quot;&gt;
          &lt;mat-icon&gt;more_vert&lt;/mat-icon&gt;
        &lt;/button&gt;
        &lt;mat-menu #menu=&quot;matMenu&quot;&gt;
          &lt;button mat-menu-item&gt;
            &lt;span&gt;Set as default&lt;/span&gt;
          &lt;/button&gt;
        &lt;/mat-menu&gt;
      &lt;/mat-option&gt;
    &lt;/mat-select&gt;
  &lt;/mat-form-field&gt;
  </code></pre>
  <p>However, when I open the menu, select option list disappears and I can see only &quot;Set as default&quot; pop-up.</p>
  <p>Can we show &quot;Set as default&quot; on top of the select option list somehow or it is impossible in Angular Material?</p>
  <p>This is a link to Stackblitz with the code: <a href="https://stackblitz.com/edit/angular-material-playground-hcw1wo?file=src/app/app.component.html" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-material-playground-hcw1wo?file=src/app/app.component.html</a></p>