ionic-team / ionic-team/ionic-framework

bug: Swipe back gesture breaks with Ionic React Router on certain parameterized route changes

Đang mở
#27,900 10 bình luận 0 reaction 0 người được giao Xem trên GitHub
type: bug
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

Mở 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

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.