ng-dialogはビューポート外でUIをレンダリングしません

Question

私のアプリケーションでng-dialogを使用してこの奇妙なUIの問題が発生しました。ダイアログの起動時に表示されない初期UI外のUIは、ダイアログ画面のスクロールダウン時に自動的にロードされません。

UIで要素を表示するには、要素をクリックする必要があります。上にスクロールしたときと同じように、前に読み込まれたUI要素は見えなくなり、それらをクリックして表示する必要があります。

私はこれがUI要素を読み込むのは、ビューポートのpatrのときだけだと思います。しかし、この悪いユーザーエクスペリエンスをどのように修正するかはわかりません。

この問題を解決する方法についてのお手伝いがあります。

Answer 1

この問題を解決するためのCSSトリックが見つかりました。これをCSSに追加してください（デフォルトテーマを使用している場合）：

.ngdialog.ngdialog-theme-default .ngdialog-content { 


    -webkit-transform: translateZ(0); 
    -moz-transform: translateZ(0); 
    -ms-transform: translateZ(0); 
    -o-transform: translateZ(0); 
    transform: translateZ(0); 

    -webkit-backface-visibility: hidden; 
    -moz-backface-visibility: hidden; 
    -ms-backface-visibility: hidden; 
    backface-visibility: hidden; 

    -webkit-perspective: 1000; 
    -moz-perspective: 1000; 
    -ms-perspective: 1000; 
    perspective: 1000; 
}