bug: Swipe back and hide-nav-bar

[rossmartin]

Type: bug

Platform: ios all webview

I've found an issue with the new swipe back functionality when a "back" view has an ion-view with hide-nav-bar="true". The ion-nav-bar will disappear when starting a swipe back (and stay hidden even if the swipe back gesture is not completed).

Here is a CodePen that illustrates the issue- http://codepen.io/rossmartin/pen/jEXYvz

To replicate the issue in this CodePen do the following:

• Click on the Scientific Facts button.
• Now swipe back on this view but don't complete the gesture. The ion-nav-bar disappears on the Facts view.

Let me know if there is a way to solve this without requiring the ion-nav-bar or ion-header-bar for each view. Thanks!

[Fayozjon]

Ross

http://thefitfactory.net/zakaz

20.03.2015, 20:33, "Ross Martin" [email protected]:I've found an issue with the new swipe back functionality when a "back" view has an ion-view with hide-nav-bar="true". The ion-nav-bar will disappear when starting a swipe back (and stay hidden even if the swipe back gesture is not completed).

Here is a CodePen that illustrates the issue -

To replicate the issue in this CodePen do the following:

Click on the Scientific Facts button.
Now swipe back on this view but don't complete the gesture. The ion-nav-bar disappears on the Facts view.

Let me know if there is a way to solve this without requiring the ion-nav-bar or ion-header-bar for each view. Thanks!

—Reply to this email directly or .

[jasonwinshell-br]

I think I've found a variation on this issue in IOS . I'm using v1.0.0-rc.1.

When swiping right on iOS8 to navigate back to the preview view, if the gesture is not competed (i) the current view's nav bar will get the title of the back view. The nav bar loses it's controls as well.

In the absence of a fix, is there a way to disable the iOS swipe to navigate feature?

[stianjensen]

You can disable it with

$ionicConfigProvider.views.swipeBackEnabled(false);

[adamdbradley]

0936f78

[wintersieck]

In 1.0.1, I'm seeing the nav bar re-appear correctly, but the top part of the content is stuck under the nav bar after that. It looks like it needs to refresh scroll position after making the nav bar re-appear.

[acurrieclark]

I am still seeing this on 1.1. The new file is definitely present in my code. Am I missing something?

[pesimeao]

I have the same issue with version 1.1.0.

[dgproductions88]

I'm having the same issue with latest version... :S

[acurrieclark]

I see the difference now between the original issue and mine. The nav bar itself is still there when the swipe back is started, but its content (title, buttons etc) disappear and do not reappear if the swipe movement it cancelled. @adamdbradley should i raise this as a separate issue?

[acurrieclark]

I don't know whether this will help anyone else, but I was using a separate element in each of my views. I did a bit of playing and found that by putting one element in the top level index.html and then setting the properties with the view ( etc) this problem is solved.

[malwatte]

This bug still exists in 1.3.0. Any workarounds?

[tomoki7]

+1 with above

[detinho]

I can confirm both the bug and the workaround sugested by @stianjensen, BUT I'm not using hide-nav-bar="true".
Tested on iOS 9.3 iPhone 6 both device and emulator.
Ionic v1.3.1

[arturalkaim]

Hi,
I'm having a similar issue with unfinished swipeback.
The footer is hidden when I start swiping back and it doesn't shows up if I cancel.

Any way to fix this issue?

Thanks,
Artur

++++++++++++++++++++++++++++++++++++

Your system information:

Cordova CLI: 6.4.0
Ionic Framework Version: 2.0.1
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.1.4
ios-deploy version: 1.9.0
ios-sim version: Not installed
OS: macOS Sierra
Node Version: v6.9.1
Xcode version: Xcode 8.2.1 Build version 8C1002

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.