bug: vue, scroll position resets with swipe down

[franzwilding]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

• v4.x
• v5.x
• v6.x

Current Behavior

When starting a new ionc vue list app, there is a problem with collapsed ios titles on first scroll. After the first scroll everything is working as expected. Without the collapsed ion-header, everything works fine. Also wenn navigating to a child page and come back, scrolling works fine, the bug only occurs after app start (or after navigating via tabs)

Simulator.Screen.Recording.-.iPhone.11.-.2021-12-17.at.09.24.20.mp4

Expected Behavior

The app should be scrollable also on the first scroll event.

Steps to Reproduce

• Start a new ionc app with cli
• Add ios platform
• Run in simulator

Code Reproduction URL

No response

Ionic Info

No response

Additional Information

No response

[ionitron-bot]

Thanks for the issue! This issue has been labeled as holiday triage. With the winter holidays quickly approaching, much of the Ionic Team will soon be taking time off. During this time, issue triaging and PR review will be delayed until the team begins to return. After this period, we will work to ensure that all new issues are properly triaged and that new PRs are reviewed.

In the meantime, please read our Winter Holiday Triage Guide for information on how to ensure that your issue is triaged correctly.

Thank you!

[ionitron-bot]

Thanks for the issue! This issue has been labeled as needs reproduction. This label is added to issues that need a code reproduction.

Please reproduce this issue in an Ionic starter application and provide a way for us to access it (GitHub repo, StackBlitz, etc). Without a reliable code reproduction, it is unlikely we will be able to resolve the issue, leading to it being closed.

If you have already provided a code snippet and are seeing this message, it is likely that the code snippet was not enough for our team to reproduce the issue.

For a guide on how to create a good reproduction, see our Contributing Guide.

[franzwilding]

The bug also occurs in the official starter app template (https://github.com/ionic-team/starters/tree/main/vue/official/list) so a step-by-step reproduction would be:

ionic start myApp list --type=vue
cd myApp
ionic cap add ios
ionic cap run ios

[liamdebeasi]

I can reproduce this behavior. It looks to be unique to Vue as I can only reproduce it in an Ionic Vue starter app. Also, I can only reproduce this in Ionic 6.

edit: This does not seem to be specific to collapsible large titles or refreshers.

[liamdebeasi]

Thanks for the issue. Can you try the following dev build and let me know if it resolves the issue?

npm install @ionic/[email protected] @ionic/[email protected]

[franzwilding]

Yes this looks good! Thank you.

[liamdebeasi]

Thanks for the issue. This has been resolved via #24791, and a fix will be available in an upcoming release of Ionic Framework.

[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.