I have integrated an Angular Material Select component into my application, which can be found here: https://material.angular.io/components/select/overview. The issue I am facing is that when the select element is positioned near the bottom of the screen and opened, it overflows the screen. Here is a screenshot illustrating the problem. What CSS adjustments are required to prevent this overflow from happening?
<mat-select style="margin-bottom: 0px;" placeholder="{{input1.title}}" >
<mat-option>None</mat-option>
<mat-option *ngFor="let opt_value of input1.enumNameGroups[grp_value] let i = index" value="{{input1.enumidGroups[grp_value][i]}}" >{{opt_value}}</mat-option>
</mat-optgroup>
</mat-select>