Skip to content
This repository was archived by the owner on Oct 8, 2021. It is now read-only.

Hide page with visibility #8241

Closed
wants to merge 2 commits into from
Closed

Hide page with visibility #8241

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
40a33cf
Page: Use visibility:hidden instead of display:none to hide page
arschmitz Jul 23, 2015
69c3619
Autogrow: No longer mind to page show set height during create
arschmitz Jul 23, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions css/structure/jquery.mobile.core.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,15 +44,15 @@ div.ui-mobile-viewport {
width: 100%;
min-height: 100%;
position: absolute;
display: none;
visibility: hidden;
border: 0;
}
/* On ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
.ui-page {
outline: none;
}
.ui-mobile .ui-page-active {
display: block;
visibility: visible;
overflow: visible;
overflow-x: hidden;
}
Expand Down
10 changes: 4 additions & 6 deletions js/widgets/forms/autogrow.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,10 +55,8 @@ return $.widget( "mobile.textinput", $.mobile.textinput, {
// Attach to the various you-have-become-visible notifications that the
// various framework elements emit.
// TODO: Remove all but the updatelayout handler once #6426 is fixed.
this._handleShow( "create" );
this._on( true, this.document, {

// TODO: Move to non-deprecated event
"pageshow": "_handleShow",
"popupbeforeposition": "_handleShow",
"updatelayout": "_handleShow",
"panelopen": "_handleShow"
Expand All @@ -73,10 +71,10 @@ return $.widget( "mobile.textinput", $.mobile.textinput, {
// content has become visible, but the collapsible is still collapsed, so
// the autogrow textarea is still not visible.
_handleShow: function( event ) {
if ( $.contains( event.target, this.element[ 0 ] ) &&
this.element.is( ":visible" ) ) {
if ( event === "create" || ( $.contains( event.target, this.element[ 0 ] ) &&
this.element.is( ":visible" ) ) ) {

if ( event.type !== "popupbeforeposition" ) {
if ( event !== "create" && event.type !== "popupbeforeposition" ) {
this._addClass( "ui-textinput-autogrow-resize" );
this.element
.animationComplete(
Expand Down