Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bug: Scroll position not restored when navigating back #29578

Open
3 tasks done
Julien-Marcou opened this issue Jun 2, 2024 · 0 comments
Open
3 tasks done

bug: Scroll position not restored when navigating back #29578

Julien-Marcou opened this issue Jun 2, 2024 · 0 comments
Assignees
Labels

Comments

@Julien-Marcou
Copy link

Prerequisites

Ionic Framework Version

v8.x

Current Behavior

Scroll position is not restored when I navigate back to the previous page, it scrolls me to the top of the page

It's really annoying when you want to open the details of an item, then go back, then want to open another item details, etc...

Expected Behavior

In v7 of Ionic, it would keep the previous scroll position, so that navigating back and forth between pages was smooth

Steps to Reproduce

I forked the stackblitz demo of https://ionicframework.com/docs/api/nav#using-navlink and just added some fake content so that the page are tall enough to be scrollable.

Steps:

  1. scroll to the bottom
  2. click on "go to page two"
  3. click on the arrow to go back
  4. the first page's scroll position is not restored and you have to scroll back again to the bottom

It was not the case in Ionic v7

Code Reproduction URL

https://stackblitz.com/edit/ultfxy?file=index.html

Ionic Info

Ionic:
   Ionic CLI                     : 7.2.0 (/home/jmarcou/.nvm/versions/node/v20.14.0/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 8.2.0
   @angular-devkit/build-angular : 18.0.2
   @angular-devkit/schematics    : 18.0.2
   @angular/cli                  : 18.0.2
   @ionic/angular-toolkit        : not installed

Capacitor:
   Capacitor CLI      : 6.0.0
   @capacitor/android : 6.0.0
   @capacitor/core    : 6.0.0
   @capacitor/ios     : not installed

Utility:
   cordova-res : not installed globally
   native-run  : 2.0.1

System:
   NodeJS : v20.14.0 (/home/jmarcou/.nvm/versions/node/v20.14.0/bin/node)
   npm    : 10.8.1
   OS     : Linux 5.15

Additional Information

No response

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants