Материал Js Md-диалог появляется за пределами экрана после использования клавиатуры iPad Mobile.

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

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

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

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

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

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


mobile ipad angularjs angular-material mddialog
person Just another Dev    schedule 16.10.2016    source источник

Ответы (1)


arrow_upward
1
arrow_downward

У меня была аналогичная проблема, и я решил ее, заключив ее в тайм-аут:

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);
person brad    schedule 09.01.2017