使用IPad Mobile Keyboard后,材质Js Md对话框出现在屏幕外部

时间:2016-10-16 22:54:49

标签: angularjs ipad mobile angular-material mddialog

我在Material&m;对话框中遇到了这个特定问题:

  1. 我点击了网页上的任何文本框,显示出来 移动键盘,这是在IPad 9.3.2。
  2. 打字后,我会最小化键盘或将其保留在
  3. 并单击一个按钮,将md对话框显示为模态。
  4. 模态显示,灰色并阻止整个页面。 但是对话框出现在屏幕之外,即你无法看到 它,你无法触摸它,你无法接近它。
  5. 现在如果我直到屏幕将方向从水平方向更改为垂直方向或反之亦然,屏幕会调整大小并且对话框会正确显示。

    所以一旦我使用键盘,立即对话框显示将被错误定位。

    我想知道以前有没有人遇到这个问题,如果你知道如何解决这个问题?

    非常感谢

1 个答案:

答案 0 :(得分: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);