aplicación.componente.html:

 <div class="col-12 p-0"> <mat-paginator class="paginator col-12" (page)="pageEvent = getServerData($event)" [length]="totalRecords" [pageSize]="search.size" [pageSizeOptions]="[10, 20, 50, 100]" showFirstLastButtons> </mat-paginator> </div>

aplicación.componente.ts:

 ::ng-deep .mat-select-panel-wrap { flex-basis: 100%; padding-bottom: 40px !important; padding-left: 12px !important; }

cuando estoy seleccionando 10,20,50, la selección de alfombras funcionaba bien e incluso después de seleccionar 100, muestra 100 filas. Pero cuando el valor seleccionado estaba en 100 y trato de seleccionar, la selección de alfombras iba arriba como se muestra en el imagen.

https://stackblitz.com/edit/angular-mat-paginator-jhx2jf?file=app/table-pagination-example.ts

Gracias.