Dialog: fields scroll out of view when virtual keyboard pops up (mobile devices)

[bill]

Load dijit/tests/mobile.html on iOS6, click the "Dialog" button, and touch (to focus) one of the last few fields. As the keyboard pops up, the is no longer visible.

I think this worked in iOS5 but I don't have a version to check against anymore.

See also #16202, although that says it happens when you type the first character, whereas this problem happens before typing anything.

[bill]

When the keyboard pops up it's generating both a scroll event, caught by Dialog.js, and a viewport resize event, caught by _ContentpaneResizeMixin.js. Both of those events cause the Dialog to try to recenter itself, causing the problem.

A workaround is for existing apps is:

require(["dijit/Dialog"], function(Dialog){
        Dialog.prototype.resize = function(){
                if(this.domNode.style.display != "none"){
                        this._size();
                        // this._position();
                }
        };
});

[bill]

In [30325]:

Disable scrolling adjustment for touch devices since it interferes with the automatic scrolling when the pop-up virtual keyboard is displayed, fixes #16548 !strict on trunk.

[bill]

In [30326]:

Disable scrolling adjustment for touch devices since it interferes with the automatic scrolling when the pop-up virtual keyboard is displayed, fixes #16548 !strict on 1.8 branch.

[bill]

In [30335]:

Don't try to reposition Dialog on a resize or scroll event from mobile browsers, fixes #16548 on 1.7 branch !strict.