src/common/js/winjs/js/ui.js
function ContentDialog_renderForInputPane() {
                    var rendered = this._rendered;
                    
                    if (!rendered.registeredForResize) {
                        _ElementUtilities._resizeNotifier.subscribe(this._dom.root, this._onUpdateInputPaneRenderingBound);
                        rendered.registeredForResize = true;
                    }
                    
                    if (this._shouldResizeForInputPane()) {
                        // Lay the dialog out using its normal rules but restrict it to the *visible document*
                        // rather than the *visual viewport*.
                        // Essentially, the dialog should be in the center of the part of the app that the user
                        // can see regardless of the state of the input pane.
                        
                        var top = _KeyboardInfo._KeyboardInfo._visibleDocTop + "px";
                        var bottom = _KeyboardInfo._KeyboardInfo._visibleDocBottomOffset + "px";
                        
                        if (rendered.top !== top) {
                            this._dom.root.style.top = top;
                            rendered.top = top;
                        }
                        
                        if (rendered.bottom !== bottom) {
                            this._dom.root.style.bottom = bottom;
                            rendered.bottom = bottom;
                        }
                        
                        if (!rendered.resizedForInputPane) {
                            // Put title into scroller so there's more screen real estate for the content
                            this._dom.scroller.insertBefore(this._dom.title, this._dom.content);
                            this._dom.root.style.height = "auto"; // Height will be determined by setting top & bottom
                            // Ensure activeElement is scrolled into view
                            var activeElement = _Global.document.activeElement;
                            if (activeElement && this._dom.scroller.contains(activeElement)) {
                                activeElement.scrollIntoView();
                            }
                            rendered.resizedForInputPane = true;
                        }
                    }
                }
function ContentDialog_renderForInputPane() {
                    var rendered = this._rendered;
                    
                    if (!rendered.registeredForResize) {
                        _ElementUtilities._resizeNotifier.subscribe(this._dom.root, this._onUpdateInputPaneRenderingBound);
                        rendered.registeredForResize = true;
                    }
                    
                    if (this._shouldResizeForInputPane()) {
                        // Lay the dialog out using its normal rules but restrict it to the *visible document*
                        // rather than the *visual viewport*.
                        // Essentially, the dialog should be in the center of the part of the app that the user
                        // can see regardless of the state of the input pane.
                        
                        var top = _KeyboardInfo._KeyboardInfo._visibleDocTop + "px";
                        var bottom = _KeyboardInfo._KeyboardInfo._visibleDocBottomOffset + "px";
                        
                        if (rendered.top !== top) {
                            this._dom.root.style.top = top;
                            rendered.top = top;
                        }
                        
                        if (rendered.bottom !== bottom) {
                            this._dom.root.style.bottom = bottom;
                            rendered.bottom = bottom;
                        }
                        
                        if (!rendered.resizedForInputPane) {
                            // Put title into scroller so there's more screen real estate for the content
                            this._dom.scroller.insertBefore(this._dom.title, this._dom.content);
                            this._dom.root.style.height = "auto"; // Height will be determined by setting top & bottom
                            // Ensure activeElement is scrolled into view
                            var activeElement = _Global.document.activeElement;
                            if (activeElement && this._dom.scroller.contains(activeElement)) {
                                activeElement.scrollIntoView();
                            }
                            rendered.resizedForInputPane = true;
                        }
                    }
                }
function ContentDialog_renderForInputPane ( ) { var rendered = this . _rendered ; if ( ! rendered . registeredForResize ) { _ElementUtilities . _resizeNotifier . subscribe ( this . _dom . root , this . _onUpdateInputPaneRenderingBound ) ; rendered . registeredForResize = true ; } if ( this . _shouldResizeForInputPane ( ) ) { // Lay the dialog out using its normal rules but restrict it to the *visible document* // rather than the *visual viewport*. // Essentially, the dialog should be in the center of the part of the app that the user // can see regardless of the state of the input pane. var top = _KeyboardInfo . _KeyboardInfo . _visibleDocTop + "px" ; var bottom = _KeyboardInfo . _KeyboardInfo . _visibleDocBottomOffset + "px" ; if ( rendered . top !== top ) { this . _dom . root . style . top = top ; rendered . top = top ; } if ( rendered . bottom !== bottom ) { this . _dom . root . style . bottom = bottom ; rendered . bottom = bottom ; } if ( ! rendered . resizedForInputPane ) { // Put title into scroller so there's more screen real estate for the content this . _dom . scroller . insertBefore ( this . _dom . title , this . _dom . content ) ; this . _dom . root . style . height = "auto" ; // Height will be determined by setting top & bottom // Ensure activeElement is scrolled into view var activeElement = _Global . document . activeElement ; if ( activeElement && this . _dom . scroller . contains ( activeElement ) ) { activeElement . scrollIntoView ( ) ; } rendered . resizedForInputPane = true ; } } }
This function assumes it's in an environment that supports -ms-device-fixed.
This function assumes it s in an environment that supports - ms - device - fixed .