1418

pending completion

Build # 1418

Build Type

push

travis-ci

Committed by

gabrielschulhof

Commit Message

Toolbar: Remove check that makes sure there is only one back button

This is a partial revert of 86b70c651
Tests to make sure that, when navigating to a page with a fixed toolbar that
has addBackBtn set to true, only one such back button is created.
Adds tests for cc54a86f4 and this commit.

Closes gh-7084
Re gh-6554

Run Details

3418 of 4131 relevant lines covered (82.74%)

631.72 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

80.21

/js/widgets/fixedToolbar.js

//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
//>>description: Behavior for "fixed" headers and footers - be sure to also include the item 'Browser specific workarounds for "fixed" headers and footers' when supporting Android 2.x or iOS 5
//>>label: Toolbars: Fixed
//>>group: Widgets
//>>css.structure: ../css/structure/jquery.mobile.fixedToolbar.css
//>>css.theme: ../css/themes/default/jquery.mobile.theme.css

define( [ "jquery", "../jquery.mobile.widget", "../jquery.mobile.core", "../jquery.mobile.animationComplete", "../jquery.mobile.navigation", "./page","./toolbar","../jquery.mobile.zoom" ], function( jQuery ) {
//>>excludeEnd("jqmBuildExclude");
(function( $, undefined ) {

        $.widget( "mobile.toolbar", $.mobile.toolbar, {
                options: {
                        position:null,
                        visibleOnPageShow: true,
                        disablePageZoom: true,
                        transition: "slide", //can be none, fade, slide (slide maps to slideup or slidedown)
                        fullscreen: false,
                        tapToggle: true,
                        tapToggleBlacklist: "a, button, input, select, textarea, .ui-header-fixed, .ui-footer-fixed, .ui-flipswitch, .ui-popup, .ui-panel, .ui-panel-dismiss-open",
                        hideDuringFocus: "input, textarea, select",
                        updatePagePadding: true,
                        trackPersistentToolbars: true,

                        // Browser detection! Weeee, here we go...
                        // Unfortunately, position:fixed is costly, not to mention probably impossible, to feature-detect accurately.
                        // Some tests exist, but they currently return false results in critical devices and browsers, which could lead to a broken experience.
                        // Testing fixed positioning is also pretty obtrusive to page load, requiring injected elements and scrolling the window
                        // The following function serves to rule out some popular browsers with known fixed-positioning issues
                        // This is a plugin option like any other, so feel free to improve or overwrite it
                        supportBlacklist: function() {
                                return !$.support.fixedPosition;
                        }
                },

                _create: function() {
                        this._super();
                        if ( this.options.position === "fixed" && !this.options.supportBlacklist() ) {
                                this._makeFixed();
                        }
                },

                _makeFixed: function() {
                        this.element.addClass( "ui-"+ this.role +"-fixed" );
                        this.updatePagePadding();
                        this._addTransitionClass();
                        this._bindPageEvents();
                        this._bindToggleHandlers();
                },

                _setOptions: function( o ) {
                        if ( o.position === "fixed" && this.options.position !== "fixed" ) {
                                this._makeFixed();
                        }
                        if ( this.options.position === "fixed" && !this.options.supportBlacklist() ) {
                                var $page = ( !!this.page )? this.page: ( $(".ui-page-active").length > 0 )? $(".ui-page-active"): $(".ui-page").eq(0);

                                if ( o.fullscreen !== undefined) {
                                        if ( o.fullscreen ) {
                                                this.element.addClass( "ui-"+ this.role +"-fullscreen" );
                                                $page.addClass( "ui-page-" + this.role + "-fullscreen" );
                                        }
                                        // If not fullscreen, add class to page to set top or bottom padding
                                        else {
                                                this.element.removeClass( "ui-"+ this.role +"-fullscreen" );
                                                $page.removeClass( "ui-page-" + this.role + "-fullscreen" ).addClass( "ui-page-" + this.role+ "-fixed" );
                                        }
                                }
                        }
                        this._super(o);
                },

                _addTransitionClass: function() {
                        var tclass = this.options.transition;

                        if ( tclass && tclass !== "none" ) {
                                // use appropriate slide for header or footer
                                if ( tclass === "slide" ) {
                                        tclass = this.element.hasClass( "ui-header" ) ? "slidedown" : "slideup";
                                }

                                this.element.addClass( tclass );
                        }
                },

                _bindPageEvents: function() {
                        var page = ( !!this.page )? this.element.closest( ".ui-page" ): this.document;
                        //page event bindings
                        // Fixed toolbars require page zoom to be disabled, otherwise usability issues crop up
                        // This method is meant to disable zoom while a fixed-positioned toolbar page is visible
                        this._on( page , {
                                "pagebeforeshow": "_handlePageBeforeShow",
                                "webkitAnimationStart":"_handleAnimationStart",
                                "animationstart":"_handleAnimationStart",
                                "updatelayout": "_handleAnimationStart",
                                "pageshow": "_handlePageShow",
                                "pagebeforehide": "_handlePageBeforeHide"
                        });
                },

                _handlePageBeforeShow: function( ) {
                        var o = this.options;
                        if ( o.disablePageZoom ) {
                                $.mobile.zoom.disable( true );
                        }
                        if ( !o.visibleOnPageShow ) {
                                this.hide( true );
                        }
                },

                _handleAnimationStart: function() {
                        if ( this.options.updatePagePadding ) {
                                this.updatePagePadding( ( !!this.page )? this.page: ".ui-page-active" );
                        }
                },

                _handlePageShow: function() {
                        this.updatePagePadding( ( !!this.page )? this.page: ".ui-page-active" );
                        if ( this.options.updatePagePadding ) {
                                this._on( this.window, { "throttledresize": "updatePagePadding" } );
                        }
                },

                _handlePageBeforeHide: function( e, ui ) {
                        var o = this.options,
                                thisFooter, thisHeader, nextFooter, nextHeader;

                        if ( o.disablePageZoom ) {
                                $.mobile.zoom.enable( true );
                        }
                        if ( o.updatePagePadding ) {
                                this._off( this.window, "throttledresize" );
                        }

                        if ( o.trackPersistentToolbars ) {
                                thisFooter = $( ".ui-footer-fixed:jqmData(id)", this.page );
                                thisHeader = $( ".ui-header-fixed:jqmData(id)", this.page );
                                nextFooter = thisFooter.length && ui.nextPage && $( ".ui-footer-fixed:jqmData(id='" + thisFooter.jqmData( "id" ) + "')", ui.nextPage ) || $();
                                nextHeader = thisHeader.length && ui.nextPage && $( ".ui-header-fixed:jqmData(id='" + thisHeader.jqmData( "id" ) + "')", ui.nextPage ) || $();

                                if ( nextFooter.length || nextHeader.length ) {

                                        nextFooter.add( nextHeader ).appendTo( $.mobile.pageContainer );

                                        ui.nextPage.one( "pageshow", function() {
                                                nextHeader.prependTo( this );
                                                nextFooter.appendTo( this );
                                        });
                                }
                        }
                },

                _visible: true,

                // This will set the content element's top or bottom padding equal to the toolbar's height
                updatePagePadding: function( tbPage ) {
                        var $el = this.element,
                                header = ( this.role ==="header" ),
                                pos = parseFloat( $el.css( header ? "top" : "bottom" ) );

                        // This behavior only applies to "fixed", not "fullscreen"
                        if ( this.options.fullscreen ) { return; }
                        // tbPage argument can be a Page object or an event, if coming from throttled resize.
                        tbPage = ( tbPage && tbPage.type === undefined && tbPage ) || this.page || $el.closest( ".ui-page" );
                        tbPage = ( !!this.page )? this.page: ".ui-page-active";
                        $( tbPage ).css( "padding-" + ( header ? "top" : "bottom" ), $el.outerHeight() + pos );
                },

                _useTransition: function( notransition ) {
                        var $win = this.window,
                                $el = this.element,
                                scroll = $win.scrollTop(),
                                elHeight = $el.height(),
                                pHeight = ( !!this.page )? $el.closest( ".ui-page" ).height():$(".ui-page-active").height(),
                                viewportHeight = $.mobile.getScreenHeight();

                        return !notransition &&
                                ( this.options.transition && this.options.transition !== "none" &&
                                (
                                        ( this.role === "header" && !this.options.fullscreen && scroll > elHeight ) ||
                                        ( this.role === "footer" && !this.options.fullscreen && scroll + viewportHeight < pHeight - elHeight )
                                ) || this.options.fullscreen
                                );
                },

                show: function( notransition ) {
                        var hideClass = "ui-fixed-hidden",
                                $el = this.element;

                        if ( this._useTransition( notransition ) ) {
                                $el
                                        .removeClass( "out " + hideClass )
                                        .addClass( "in" )
                                        .animationComplete(function () {
                                                $el.removeClass( "in" );
                                        });
                        }
                        else {
                                $el.removeClass( hideClass );
                        }
                        this._visible = true;
                },

                hide: function( notransition ) {
                        var hideClass = "ui-fixed-hidden",
                                $el = this.element,
                                // if it's a slide transition, our new transitions need the reverse class as well to slide outward
                                outclass = "out" + ( this.options.transition === "slide" ? " reverse" : "" );

                        if ( this._useTransition( notransition ) ) {
                                $el
                                        .addClass( outclass )
                                        .removeClass( "in" )
                                        .animationComplete(function() {
                                                $el.addClass( hideClass ).removeClass( outclass );
                                        });
                        }
                        else {
                                $el.addClass( hideClass ).removeClass( outclass );
                        }
                        this._visible = false;
                },

                toggle: function() {
                        this[ this._visible ? "hide" : "show" ]();
                },

                _bindToggleHandlers: function() {
                        var self = this,
                                o = self.options,
                                delayShow, delayHide,
                                isVisible = true,
                                page = ( !!this.page )? this.page: $(".ui-page");

                        // tap toggle
                        page
                                .bind( "vclick", function( e ) {
                                        if ( o.tapToggle && !$( e.target ).closest( o.tapToggleBlacklist ).length ) {
                                                self.toggle();
                                        }
                                })
                                .bind( "focusin focusout", function( e ) {
                                        //this hides the toolbars on a keyboard pop to give more screen room and prevent ios bug which
                                        //positions fixed toolbars in the middle of the screen on pop if the input is near the top or
                                        //bottom of the screen addresses issues #4410 Footer navbar moves up when clicking on a textbox in an Android environment
                                        //and issue #4113 Header and footer change their position after keyboard popup - iOS
                                        //and issue #4410 Footer navbar moves up when clicking on a textbox in an Android environment
                                        if ( screen.width < 1025 && $( e.target ).is( o.hideDuringFocus ) && !$( e.target ).closest( ".ui-header-fixed, .ui-footer-fixed" ).length ) {
                                                //Fix for issue #4724 Moving through form in Mobile Safari with "Next" and "Previous" system
                                                //controls causes fixed position, tap-toggle false Header to reveal itself
                                                // isVisible instead of self._visible because the focusin and focusout events fire twice at the same time
                                                // Also use a delay for hiding the toolbars because on Android native browser focusin is direclty followed
                                                // by a focusout when a native selects opens and the other way around when it closes.
                                                if ( e.type === "focusout" && !isVisible ) {
                                                        isVisible = true;
                                                        //wait for the stack to unwind and see if we have jumped to another input
                                                        clearTimeout( delayHide );
                                                        delayShow = setTimeout( function() {
                                                                self.show();
                                                        }, 0 );
                                                } else if ( e.type === "focusin" && !!isVisible ) {
                                                        //if we have jumped to another input clear the time out to cancel the show.
                                                        clearTimeout( delayShow );
                                                        isVisible = false;
                                                        delayHide = setTimeout( function() {
                                                                self.hide();
                                                        }, 0 );
                                                }
                                        }
                                });
                },

                _setRelative: function() {
                        if( this.options.position !== "fixed" ){
                                $( "[data-"+ $.mobile.ns + "role='page']" ).css({ "position": "relative" });
                        }
                },

                _destroy: function() {
                        var $el = this.element,
                                header = $el.hasClass( "ui-header" );

                        $el.closest( ".ui-page" ).css( "padding-" + ( header ? "top" : "bottom" ), "" );
                        $el.removeClass( "ui-header-fixed ui-footer-fixed ui-header-fullscreen ui-footer-fullscreen in out fade slidedown slideup ui-fixed-hidden" );
                        $el.closest( ".ui-page" ).removeClass( "ui-page-header-fixed ui-page-footer-fixed ui-page-header-fullscreen ui-page-footer-fullscreen" );
                }

        });
})( jQuery );
//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
});
//>>excludeEnd("jqmBuildExclude");

1	//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
2	//>>description: Behavior for "fixed" headers and footers - be sure to also include the item 'Browser specific workarounds for "fixed" headers and footers' when supporting Android 2.x or iOS 5
3	//>>label: Toolbars: Fixed
4	//>>group: Widgets
5	//>>css.structure: ../css/structure/jquery.mobile.fixedToolbar.css
6	//>>css.theme: ../css/themes/default/jquery.mobile.theme.css
7
8	define( [ "jquery", "../jquery.mobile.widget", "../jquery.mobile.core", "../jquery.mobile.animationComplete", "../jquery.mobile.navigation", "./page","./toolbar","../jquery.mobile.zoom" ], function( jQuery ) {	12✔
9	//>>excludeEnd("jqmBuildExclude");
10	(function( $, undefined ) {	12✔
11
12	$.widget( "mobile.toolbar", $.mobile.toolbar, {	12✔
13	options: {
14	position:null,
15	visibleOnPageShow: true,
16	disablePageZoom: true,
17	transition: "slide", //can be none, fade, slide (slide maps to slideup or slidedown)
18	fullscreen: false,
19	tapToggle: true,
20	tapToggleBlacklist: "a, button, input, select, textarea, .ui-header-fixed, .ui-footer-fixed, .ui-flipswitch, .ui-popup, .ui-panel, .ui-panel-dismiss-open",
21	hideDuringFocus: "input, textarea, select",
22	updatePagePadding: true,
23	trackPersistentToolbars: true,
24
25	// Browser detection! Weeee, here we go...
26	// Unfortunately, position:fixed is costly, not to mention probably impossible, to feature-detect accurately.
27	// Some tests exist, but they currently return false results in critical devices and browsers, which could lead to a broken experience.
28	// Testing fixed positioning is also pretty obtrusive to page load, requiring injected elements and scrolling the window
29	// The following function serves to rule out some popular browsers with known fixed-positioning issues
30	// This is a plugin option like any other, so feel free to improve or overwrite it
31	supportBlacklist: function() {
32	return !$.support.fixedPosition;	344✔
33	}
34	},
35
36	_create: function() {
37	this._super();	100✔
38	if ( this.options.position === "fixed" && !this.options.supportBlacklist() ) {	100✔
39	this._makeFixed();	88✔
40	}
41	},
42
43	_makeFixed: function() {
44	this.element.addClass( "ui-"+ this.role +"-fixed" );	88✔
45	this.updatePagePadding();	88✔
46	this._addTransitionClass();	88✔
47	this._bindPageEvents();	88✔
48	this._bindToggleHandlers();	88✔
49	},
50
51	_setOptions: function( o ) {
52	if ( o.position === "fixed" && this.options.position !== "fixed" ) {	268✔
53	this._makeFixed();	×
54	}
55	if ( this.options.position === "fixed" && !this.options.supportBlacklist() ) {	268✔
56	var $page = ( !!this.page )? this.page: ( $(".ui-page-active").length > 0 )? $(".ui-page-active"): $(".ui-page").eq(0);	256✔
57
58	if ( o.fullscreen !== undefined) {	256✔
59	if ( o.fullscreen ) {	88✔
60	this.element.addClass( "ui-"+ this.role +"-fullscreen" );	28✔
61	$page.addClass( "ui-page-" + this.role + "-fullscreen" );	28✔
62	}
63	// If not fullscreen, add class to page to set top or bottom padding
64	else {
65	this.element.removeClass( "ui-"+ this.role +"-fullscreen" );	60✔
66	$page.removeClass( "ui-page-" + this.role + "-fullscreen" ).addClass( "ui-page-" + this.role+ "-fixed" );	60✔
67	}
68	}
69	}
70	this._super(o);	268✔
71	},
72
73	_addTransitionClass: function() {
74	var tclass = this.options.transition;	88✔
75
76	if ( tclass && tclass !== "none" ) {	88✔
77	// use appropriate slide for header or footer
78	if ( tclass === "slide" ) {	82✔
79	tclass = this.element.hasClass( "ui-header" ) ? "slidedown" : "slideup";	76✔
80	}
81
82	this.element.addClass( tclass );	82✔
83	}
84	},
85
86	_bindPageEvents: function() {
87	var page = ( !!this.page )? this.element.closest( ".ui-page" ): this.document;	88✔
88	//page event bindings
89	// Fixed toolbars require page zoom to be disabled, otherwise usability issues crop up
90	// This method is meant to disable zoom while a fixed-positioned toolbar page is visible
91	this._on( page , {	88✔
92	"pagebeforeshow": "_handlePageBeforeShow",
93	"webkitAnimationStart":"_handleAnimationStart",
94	"animationstart":"_handleAnimationStart",
95	"updatelayout": "_handleAnimationStart",
96	"pageshow": "_handlePageShow",
97	"pagebeforehide": "_handlePageBeforeHide"
98	});
99	},
100
101	_handlePageBeforeShow: function( ) {
102	var o = this.options;	304✔
103	if ( o.disablePageZoom ) {	304✔
104	$.mobile.zoom.disable( true );	268✔
105	}
106	if ( !o.visibleOnPageShow ) {	304✔
107	this.hide( true );	4 only TYPES=integration SUITES=!navigation JQUERIES=2.0.3 and TYPES=integration SUITES=!navigation JQUERIES=git ✔
108	}
109	},
110
111	_handleAnimationStart: function() {
112	if ( this.options.updatePagePadding ) {	482 only TYPES=integration SUITES=!navigation JQUERIES=2.0.3 and TYPES=integration SUITES=!navigation JQUERIES=git ✔
113	this.updatePagePadding( ( !!this.page )? this.page: ".ui-page-active" );	482 only TYPES=integration SUITES=!navigation JQUERIES=2.0.3 and TYPES=integration SUITES=!navigation JQUERIES=git ✔
114	}
115	},
116
117	_handlePageShow: function() {
118	this.updatePagePadding( ( !!this.page )? this.page: ".ui-page-active" );	196✔
119	if ( this.options.updatePagePadding ) {	196✔
120	this._on( this.window, { "throttledresize": "updatePagePadding" } );	196✔
121	}
122	},
123
124	_handlePageBeforeHide: function( e, ui ) {
125	var o = this.options,	178✔
126	thisFooter, thisHeader, nextFooter, nextHeader;
127
128	if ( o.disablePageZoom ) {	178✔
129	$.mobile.zoom.enable( true );	178✔
130	}
131	if ( o.updatePagePadding ) {	178✔
132	this._off( this.window, "throttledresize" );	178✔
133	}
134
135	if ( o.trackPersistentToolbars ) {	178✔
136	thisFooter = $( ".ui-footer-fixed:jqmData(id)", this.page );	178✔
137	thisHeader = $( ".ui-header-fixed:jqmData(id)", this.page );	178✔
138	nextFooter = thisFooter.length && ui.nextPage && $( ".ui-footer-fixed:jqmData(id='" + thisFooter.jqmData( "id" ) + "')", ui.nextPage ) \|\| $();	178✔
139	nextHeader = thisHeader.length && ui.nextPage && $( ".ui-header-fixed:jqmData(id='" + thisHeader.jqmData( "id" ) + "')", ui.nextPage ) \|\| $();	178✔
140
141	if ( nextFooter.length \|\| nextHeader.length ) {	178✔
142
143	nextFooter.add( nextHeader ).appendTo( $.mobile.pageContainer );	6 only TYPES=integration SUITES=!navigation JQUERIES=2.0.3 and TYPES=integration SUITES=!navigation JQUERIES=git ✔
144
145	ui.nextPage.one( "pageshow", function() {	6 only TYPES=integration SUITES=!navigation JQUERIES=2.0.3 and TYPES=integration SUITES=!navigation JQUERIES=git ✔
146	nextHeader.prependTo( this );	6 only TYPES=integration SUITES=!navigation JQUERIES=2.0.3 and TYPES=integration SUITES=!navigation JQUERIES=git ✔
147	nextFooter.appendTo( this );	6 only TYPES=integration SUITES=!navigation JQUERIES=2.0.3 and TYPES=integration SUITES=!navigation JQUERIES=git ✔
148	});
149	}
150	}
151	},
152
153	_visible: true,
154
155	// This will set the content element's top or bottom padding equal to the toolbar's height
156	updatePagePadding: function( tbPage ) {
157	var $el = this.element,	766✔
158	header = ( this.role ==="header" ),
159	pos = parseFloat( $el.css( header ? "top" : "bottom" ) );
160
161	// This behavior only applies to "fixed", not "fullscreen"
162	if ( this.options.fullscreen ) { return; }	766✔
163	// tbPage argument can be a Page object or an event, if coming from throttled resize.
164	tbPage = ( tbPage && tbPage.type === undefined && tbPage ) \|\| this.page \|\| $el.closest( ".ui-page" );	562✔
165	tbPage = ( !!this.page )? this.page: ".ui-page-active";	562✔
166	$( tbPage ).css( "padding-" + ( header ? "top" : "bottom" ), $el.outerHeight() + pos );	562✔
167	},
168
169	_useTransition: function( notransition ) {
170	var $win = this.window,	48 only TYPES=integration SUITES=!navigation JQUERIES=2.0.3 and TYPES=integration SUITES=!navigation JQUERIES=git ✔
171	$el = this.element,
172	scroll = $win.scrollTop(),
173	elHeight = $el.height(),
174	pHeight = ( !!this.page )? $el.closest( ".ui-page" ).height():$(".ui-page-active").height(),
175	viewportHeight = $.mobile.getScreenHeight();
176
177	return !notransition &&	48 only TYPES=integration SUITES=!navigation JQUERIES=2.0.3 and TYPES=integration SUITES=!navigation JQUERIES=git ✔
178	( this.options.transition && this.options.transition !== "none" &&
179	(
180	( this.role === "header" && !this.options.fullscreen && scroll > elHeight ) \|\|
181	( this.role === "footer" && !this.options.fullscreen && scroll + viewportHeight < pHeight - elHeight )
182	) \|\| this.options.fullscreen
183	);
184	},
185
186	show: function( notransition ) {
187	var hideClass = "ui-fixed-hidden",	24 only TYPES=integration SUITES=!navigation JQUERIES=2.0.3 and TYPES=integration SUITES=!navigation JQUERIES=git ✔
188	$el = this.element;
189
190	if ( this._useTransition( notransition ) ) {	24 only TYPES=integration SUITES=!navigation JQUERIES=2.0.3 and TYPES=integration SUITES=!navigation JQUERIES=git ✔
191	$el	16 only TYPES=integration SUITES=!navigation JQUERIES=2.0.3 and TYPES=integration SUITES=!navigation JQUERIES=git ✔
192	.removeClass( "out " + hideClass )
193	.addClass( "in" )
194	.animationComplete(function () {
195	$el.removeClass( "in" );	16 only TYPES=integration SUITES=!navigation JQUERIES=2.0.3 and TYPES=integration SUITES=!navigation JQUERIES=git ✔
196	});
197	}
198	else {
199	$el.removeClass( hideClass );	8 only TYPES=integration SUITES=!navigation JQUERIES=2.0.3 and TYPES=integration SUITES=!navigation JQUERIES=git ✔
200	}
201	this._visible = true;	24 only TYPES=integration SUITES=!navigation JQUERIES=2.0.3 and TYPES=integration SUITES=!navigation JQUERIES=git ✔
202	},
203
204	hide: function( notransition ) {
205	var hideClass = "ui-fixed-hidden",	24 only TYPES=integration SUITES=!navigation JQUERIES=2.0.3 and TYPES=integration SUITES=!navigation JQUERIES=git ✔
206	$el = this.element,
207	// if it's a slide transition, our new transitions need the reverse class as well to slide outward
208	outclass = "out" + ( this.options.transition === "slide" ? " reverse" : "" );
209
210	if ( this._useTransition( notransition ) ) {	24 only TYPES=integration SUITES=!navigation JQUERIES=2.0.3 and TYPES=integration SUITES=!navigation JQUERIES=git ✔
211	$el	6 only TYPES=integration SUITES=!navigation JQUERIES=2.0.3 and TYPES=integration SUITES=!navigation JQUERIES=git ✔
212	.addClass( outclass )
213	.removeClass( "in" )
214	.animationComplete(function() {
215	$el.addClass( hideClass ).removeClass( outclass );	6 only TYPES=integration SUITES=!navigation JQUERIES=2.0.3 and TYPES=integration SUITES=!navigation JQUERIES=git ✔
216	});
217	}
218	else {
219	$el.addClass( hideClass ).removeClass( outclass );	18 only TYPES=integration SUITES=!navigation JQUERIES=2.0.3 and TYPES=integration SUITES=!navigation JQUERIES=git ✔
220	}
221	this._visible = false;	24 only TYPES=integration SUITES=!navigation JQUERIES=2.0.3 and TYPES=integration SUITES=!navigation JQUERIES=git ✔
222	},
223
224	toggle: function() {
225	this[ this._visible ? "hide" : "show" ]();	4 only TYPES=integration SUITES=!navigation JQUERIES=2.0.3 and TYPES=integration SUITES=!navigation JQUERIES=git ✔
226	},
227
228	_bindToggleHandlers: function() {
229	var self = this,	88✔
230	o = self.options,
231	delayShow, delayHide,
232	isVisible = true,
233	page = ( !!this.page )? this.page: $(".ui-page");
234
235	// tap toggle
236	page	88✔
237	.bind( "vclick", function( e ) {
238	if ( o.tapToggle && !$( e.target ).closest( o.tapToggleBlacklist ).length ) {	×
239	self.toggle();	×
240	}
241	})
242	.bind( "focusin focusout", function( e ) {
243	//this hides the toolbars on a keyboard pop to give more screen room and prevent ios bug which
244	//positions fixed toolbars in the middle of the screen on pop if the input is near the top or
245	//bottom of the screen addresses issues #4410 Footer navbar moves up when clicking on a textbox in an Android environment
246	//and issue #4113 Header and footer change their position after keyboard popup - iOS
247	//and issue #4410 Footer navbar moves up when clicking on a textbox in an Android environment
248	if ( screen.width < 1025 && $( e.target ).is( o.hideDuringFocus ) && !$( e.target ).closest( ".ui-header-fixed, .ui-footer-fixed" ).length ) {	254 only TYPES=integration SUITES=!navigation JQUERIES=2.0.3 and TYPES=integration SUITES=!navigation JQUERIES=git ✔
249	//Fix for issue #4724 Moving through form in Mobile Safari with "Next" and "Previous" system
250	//controls causes fixed position, tap-toggle false Header to reveal itself
251	// isVisible instead of self._visible because the focusin and focusout events fire twice at the same time
252	// Also use a delay for hiding the toolbars because on Android native browser focusin is direclty followed
253	// by a focusout when a native selects opens and the other way around when it closes.
254	if ( e.type === "focusout" && !isVisible ) {	×
255	isVisible = true;	×
256	//wait for the stack to unwind and see if we have jumped to another input
257	clearTimeout( delayHide );	×
258	delayShow = setTimeout( function() {	×
259	self.show();	×
260	}, 0 );
261	} else if ( e.type === "focusin" && !!isVisible ) {	×
262	//if we have jumped to another input clear the time out to cancel the show.
263	clearTimeout( delayShow );	×
264	isVisible = false;	×
265	delayHide = setTimeout( function() {	×
266	self.hide();	×
267	}, 0 );
268	}
269	}
270	});
271	},
272
273	_setRelative: function() {
274	if( this.options.position !== "fixed" ){	×
275	$( "[data-"+ $.mobile.ns + "role='page']" ).css({ "position": "relative" });	×
276	}
277	},
278
279	_destroy: function() {
280	var $el = this.element,	×
281	header = $el.hasClass( "ui-header" );
282
283	$el.closest( ".ui-page" ).css( "padding-" + ( header ? "top" : "bottom" ), "" );	×
284	$el.removeClass( "ui-header-fixed ui-footer-fixed ui-header-fullscreen ui-footer-fullscreen in out fade slidedown slideup ui-fixed-hidden" );	×
285	$el.closest( ".ui-page" ).removeClass( "ui-page-header-fixed ui-page-footer-fixed ui-page-header-fullscreen ui-page-footer-fullscreen" );	×
286	}
287
288	});
289	})( jQuery );
290	//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
291	});
292	//>>excludeEnd("jqmBuildExclude");

jquery / jquery-mobile / 1418

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous