Material: dialog: size not re-computed after virtual keyboard close

Created on 15 Sep 2016  路  4Comments  路  Source: angular/material

Actual Behavior:

  • What is the issue? *
    On Android, I open a dialog that contains an input.
    I edit this input.
    The virtual keyboard comes up, and the dialog is resized.
    I manually close the virtual keyboard (with the dedicated button), the dialog isn't resized. The space previously occupied by the keyboard is now occupied by the backdrop
  • What is the expected behavior?
    When I close the virtual keyboard, the dialog should be resized to still occupy full screen

Angular Versions: *

  • Angular Version: 1.5.8
  • Angular Material Version: from version 1.1.0 final (version 1.1.0-rc.5 hasn't this problem)

Additional Information:

  • Browser Type: * Chrome Android
  • OS: * Android 5.1.1 and Android 6.0 tested
demo Android can't reproduce mobile

Most helpful comment

as a quick fix you can try to overwrite the md-dialog-container style like this:

.md-dialog-container {
    height: 100% !important;
}

this will fix the issue.

All 4 comments

as a quick fix you can try to overwrite the md-dialog-container style like this:

.md-dialog-container {
    height: 100% !important;
}

this will fix the issue.

+1 same issue

I am facing the same problem.

I'm not able to reproduce this using the dialog demo in the docs. There was no CodePen reproduction provided, so it's hard to be sure. If this is still an issue, please open a new issue with a reproduction.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Dona278 picture Dona278  路  3Comments

diogodomanski picture diogodomanski  路  3Comments

epelc picture epelc  路  3Comments

chriseyhorn picture chriseyhorn  路  3Comments

robertmesserle picture robertmesserle  路  3Comments