dialog: after scrolling, dialog appears off screen on the second time opened

[egor-xyz]

Actual Behavior:

• What is the issue? * $mdDialog on mobile dialog out of screen, when you open second time
• What is the expected behavior? modal not on screen

CodePen (or steps to reproduce the issue): *

• Scroll body
• Open modal first time:

.md-dialog-container:

• Open modal first time:
  in-line styles: top: 885px; height: 628px;
• Open same modal second time (no need to scroll again)
  in-line styles: top: 1770px; height: 628px;

top for second click changed twice - and now modal out of screen

AngularJS Versions: *

• AngularJS Version: 1.6.6
• AngularJS Material Version: 1.1.5

Additional Information:

• Browser Type: * Mobile
• Browser Version: * 11
• OS: * iOS 11

---

[fetters5]

If you rotate the device does the modal come back on the screen?

[egor-xyz]

When you rotate device dialog take all screen, when you rotate back it showing not on centre.

[scriptsure]

ditto on this... +1

[NoamaExl]

+1 - this is hitting us hard on production

[NoamaExl]

Did anyone find a workaround?

[egor-xyz]

Please fix this issue. Super important. Yes when device rotated modal back but not in center, after you rotate back modal still not centered.

[fetters5]

I used the following as a workaround which worked in my case but definitely not ideal

.md-dialog-container {
  height: 100% !important;
  position: fixed !important;
  top: 0px !important;
}

[NoamaExl]

@fetters5 - thanks for the workaround

[pankajjain1]

Its impacting us also when this will be fixed?

[HZooly]

@fetters5 this fix is well working, thanks a lot!

[TheRealSunTzu]

Thanks a lot, @fetters5 !