角材质不会对话框滚动

Question

我使用包含数字输入的材料对话框。在移动视图中，打开键盘时无法滚动对话框的内容，因此看不到输入数字。我该怎么办？

数字输入在键盘和 我看不到可以输入什么。请帮助我

Answer 1

我通过在打开材质对话框时添加一些类来解决了这个问题

html ：

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

css ：

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

Answer 2

.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
}