Как расположить раскрывающуюся панель чуть ниже текстового поля mat-select ⇐ CSS

[Anonymous]

Я использую Angular Material 14.0.4 и Angular 15.1.3.
У меня есть раскрывающийся список mat-select, который написан сюда...

Код: Выделить всё

5
10
20

Здесь я применил PanelClass с его кодом в CSS, как показано ниже...

Код: Выделить всё

.custom-panel {
top: calc(100% + 10px) !important;
}

И это все еще происходит, как показано ниже. Перекрытие раскрывающегося списка с его текстовым полем.
Это раскрывающийся список, когда он не выбран.


Это раскрывающийся список, когда он выбран


Как разместить панель чуть ниже текстового поля при выборе. ..

Подробнее здесь: https://stackoverflow.com/questions/777 ... mat-select