PrimeNG：ダイアログは、私はPrimeNG 4.2.2から<a href="https://www.primefaces.org/primeng/#/dialog" rel="nofollow noreferrer">p-dialog</a>コンポーネント</p> <p>ダイアログが（内部テーブルがある）動的コンテンツを表示して、角度のアプリを持っているのinit

Question

後に応答を取得しません。テーブルがフルスクリーンで足を持っていない場合は、スクロールバーが表示され、ユーザはダイアログのフッターから要素を見ることができます。

問題は、ブラウザウィンドウのサイズ変更後にダイアログボックスが反応することです。ダイアログの初期化後、ダイアログは画面に表示されず、フッターのインターフェイス要素は表示されません。サイズ変更後にのみ通常の状態になります。

は、私は次の宣言を使用します。

<p-dialog *ngIf="displayDialog" [(visible)]="displayDialog" 
     [responsive]="true" [modal]="true" 
     width="800" minWidth="850"> 
</p-dialog> 

Q：誰かがそれが画面に表示された後、ダイアログ応答を作る方法を知っていますか？それともバグでしょうか？回避策はありますか？

現在、ダイアログの初期化後に手動でサイズ変更イベントを生成することを考えています。

Answer 1

私はCSSを使用して回避策を見つけた：それは理想的に見えますが、正常に動作しません

<p-dialog ...> 
    <div class="ui-grid ui-grid-responsive ui-fluid" 
     style="overflow-y: auto; max-height: calc(100vh - 250px);"> 
     ...content 
    </div> 
</p-dialog> 

：

私は、特定のスタイルでdivにダイアログ要素の内容を包みました。

別のオプションは、イベントのサイズを変更トリガするためにだった：

window.dispatchEvent(new Event('resize')); 

それだけでなく働いたが、素敵ではない、いくつかの遅延コールを必要としていました。