javascript - 幅 100% の MatDialog を水平方向に中央揃えし、maxWidth を固定

Question

固定幅の MatDialog を水平方向に中央揃えにしようとしています:

let dialog = this.dialog.open(EditVisitPopupComponent,
  { data: { visit: this.visit }, width: '100%', maxWidth: '500px' });

何らかの理由で、widthパラメーターを追加すると親オーバーレイにインラインが追加されますが、justify-content: flex startそのままにしておきますjustify-content: center。

Overlayを作成してコンポーネントを注入するモーダルの作成方法を知っています。しかし、単に を使用するだけではそれができない理由がわかりませんMatDialog。

私が試したこと：

let dialog = this.dialog.open(EditVisitPopupComponent,
      { data: { visit: this.visit }, position: this.overlay.position().global().centerVertically().centerHorizontally(), width: '100%', maxWidth: '500px' });

しかし、タイプは一致しません。

兄弟の CSS セレクターも試しましbackdropClassたが、必要な結果が得られませんでした。

私は何が欠けていますか？の を構成する方法はありますOverlayかMatDialog?