Angular материал не прокручивает диалог

Question

Я использую диалог материалов, который содержит ввод числа. в мобильном представлении я не могу прокрутить содержимое диалога, когда клавиатура открыта, поэтому я не вижу введенный номер. что мне делать?

ввод числа осуществляется под клавиатурой, и я не вижу, какой набор текста возможен . пожалуйста, помогите мне

Answer 1

.cdk-global-overlay-wrapper {
  pointer-events: auto !important; // be able to scroll event
  overflow-y: scroll !important;
  align-items: start !important;  // not center the dialog
  z-index: auto !important; // remove z-index
}
.cdk-overlay-pane {
  margin: 1rem; //enter code here
  z-index: 1002; // over the overlay
}

Answer 2

Я решил эту проблему, добавив некоторый класс, когда диалог материалов был открыт

html:

<div class="parent-container" [class.noscroll]="openOverlay == true">
   ...........
</div>

css:

.noscroll {
  position: fixed;
  overflow: hidden;
}