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

fix(router-outlet): improve reliability of swipe back gesture when quickly swiping back #23527

Merged
merged 7 commits into from
Jul 9, 2021

Conversation

liamdebeasi
Copy link
Contributor

Pull request checklist

Please check if your PR fulfills the following requirements:

  • Tests for the changes have been added (for bug fixes / features)
  • Docs have been reviewed and added / updated if needed (for bug fixes / features)
  • Build (npm run build) was run locally and any changes were pushed
  • Lint (npm run lint) has passed locally and any fixes were made for failures

Pull request type

Please check the type of change your PR introduces:

  • Bugfix
  • Feature
  • Code style update (formatting, renaming)
  • Refactoring (no functional changes, no api changes)
  • Build related changes
  • Documentation content changes
  • Other (please describe):

What is the current behavior?

Issue Number: resolves #22895

What is the new behavior?

  • Implemented a similar fix in ion-nav where we only allow the swipe gesture to start if there is not an existing transition.

Does this introduce a breaking change?

  • Yes
  • No

Other information

@github-actions github-actions bot added the package: core @ionic/core package label Jun 28, 2021
@github-actions github-actions bot added the package: react @ionic/react package label Jun 28, 2021
@liamdebeasi liamdebeasi changed the title fix(vue): quickly swiping back no longer causes app to get stuck fix(router-outlet): improve reliability of swipe back gesture when quickly swiping back Jun 29, 2021
@liamdebeasi liamdebeasi removed the package: react @ionic/react package label Jun 29, 2021
@github-actions github-actions bot added the package: react @ionic/react package label Jul 7, 2021
@liamdebeasi liamdebeasi merged commit fa06942 into master Jul 9, 2021
@liamdebeasi liamdebeasi deleted the vue-trans-back branch July 9, 2021 13:29
github-merge-queue bot pushed a commit that referenced this pull request Aug 2, 2023
…ing back (#27904)

Issue number: resolves #27893

---------

<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->

<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->

## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->

This is another instance of
#22895. The
`progressCallback` function is fires asynchronously, so it's possible
for the gesture start and end callbacks to run before the animation is
ever set in `progressCallback`. When this happens, the animation gets
locked up.

I previously fixed this in
#23527 for
`ion-router-outlet`, but I did not fix it for `ion-nav`.

## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->

- If the gesture has ended by the time `progressCallback` fires, reset
the animation to the beginning so it does not get locked up.

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

<!-- If this introduces a breaking change, please describe the impact
and migration path for existing applications below. -->


## Other information

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->

Dev build: `7.2.2-dev.11690896715.12338339`
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
package: core @ionic/core package package: react @ionic/react package
Projects
None yet
Development

Successfully merging this pull request may close these issues.

bug: ionic vue, swipe back transition gets stuck when swiping quickly
1 participant