Md-диалог Material Js появляется за пределами экрана после использования IPad Mobile Keyboard

Question

Я столкнулся с этой конкретной проблемой в md-диалоге Material:

1. Я нажимаю на любое из текстовых полей на веб-странице, которая вызывает мобильную клавиатуру, это на IPad 9.3.2.
2. после ввода я либо сворачиваю клавиатуру, либо оставляю ее включенной
3. и нажмите кнопку, которая показывает MD-диалог как модальный.
4. Появляется модальный режим, который выделяется серым цветом и блокирует всю страницу. но диалоговое окно появляется за пределами экрана, то есть вы не можете видеть его, вы не можете коснуться его, вы не можете закрыть его.

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

поэтому, как только я использую клавиатуру, непосредственное диалоговое окно будет отображаться неправильно.

Мне интересно, если у кого-то была эта проблема раньше, и если вы знаете, как решить эту проблему?

большое спасибо

Answer 1

У меня была похожая проблема, и я решил ее, завернув в таймаут:

var confirm = $mdDialog.confirm()
              .title('Test')
              .content('This is test content')
              .ariaLabel('Test')
              .ok('Got it!')
              .cancel('Cancel');

$timeout(
    $mdDialog.show(confirm).then(function () {
        // Do Something
    })
, 0);