angularjs - 使用 iPad 移动键盘后，Material Js Md-dialog 出现在屏幕外

Question

我在 Material 的 md 对话框中遇到了这个特定问题：

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);