ionic-team / ionic-team/ionic-framework
bug: Swipe back gesture breaks with Ionic React Router on certain parameterized route changes
- Ngôn ngữ chính
- TypeScript
- Star
- 52.7k
- Fork
- 13.3k
- Merge trung bình
- 1 ngày 15 giờ
- Pull request đã merge (30 ngày)
- 51
Mô tả
### Prerequisites
- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.
### Ionic Framework Version
v7.x
### Current Behavior
With Ionic React Router, swipe back gesture breaks when navigating in certain use cases between parameterized routes.
### Expected Behavior
Swipe back gesture works.
### Steps to Reproduce
## Reproduction A
### Assumed Ionic React Router app routes
Assume app with two routes in the router:
- `/foo/:user`
- `/baz`
### Repro
1. Navigate `/foo/alex`
2. Navigate `/baz`
3. Navigate `/foo/sean`
4. Swipe back once (successful)
5. Try to swipe back again, observe it is not possible (you need to hit the back button of the browser or in the header)
https://github.com/aeharding/ionic-27900-a
## Reproduction B
### Assumed Ionic React Router app routes
- `/:name`
- `/:name/details`
### Repro
1. Go to `/one`
2. Replace route with `/two`
3. Go to `/two/details`
4. Observe swipe back is broken
https://github.com/aeharding/ionic-27900-b
### Code Reproduction URL
_No response_
### Ionic Info
N/A
### Additional Information
This issue has been created from #26524 (see comments https://github.com/ionic-team/ionic-framework/issues/26524#issuecomment-1629445149 and https://github.com/ionic-team/ionic-framework/issues/26524#issuecomment-1658459383)
Hướng dẫn đóng góp
Hướng nghiên cứu
Start with the two linked reproduction applications and reproduce both parameterized-route navigation sequences in Ionic React Router. Read the discussion and linked comments on issue #26524 for prior context. Done means swipe back remains available after the second navigation in both reproductions.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- react, typescript
- Lĩnh vực
- frontend, mobile
- Loại issue
- Lỗi
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 ngày
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Khá rõ ràng
- Mức phù hợp với người mới
- 38/100