Change the mat-autocomplete width?

Question

It seems like the width is always the width of the input we\'re typing in. Is there no way to make it larger? I have a very small input and

Answer 1

mat-autocomplete styles are inherited from cdk-overlay-pane. In order to change width use below CSS.

::ng-deep .cdk-overlay-pane {
    /* Do you changes here */
      min-width:450px;
}

You can refer here for full example: https://stackblitz.com/edit/angular-vzetqy