ng-dialog не отображает пользовательский интерфейс вне viewport

Question

У меня есть эта странная проблема с пользовательским интерфейсом, используя ng-dialog в моем приложении. Пользовательский интерфейс вне первоначального пользовательского интерфейса, который не отображается при запуске диалога, не загружается автоматически при прокрутке вниз в диалоговом окне.

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

Я чувствую, что это происходит при загрузке элементов пользовательского интерфейса только в том случае, если они являются 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; 
}