Tab bar prevents swipe up/down on mobile browser
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 2/5
- Thời gian dự kiến
- 1-3 giờ
- Mức phù hợp với người mới
- 35/100
- Loại issue
- Lỗi
- Độ rõ ràng
- Đặc tả rõ ràng
- Mức độ hoạt động
- Đình trệ
- Công nghệ
- react, typescript
- Lĩnh vực
- frontend, mobile-dev
Hướng nghiên cứu
Bắt đầu bằng việc kiểm tra useTouchMove.ts và tái hiện hành vi từ CodeSandbox được liên kết trên trình duyệt di động, tập trung vào các thao tác vuốt bắt đầu trên thanh tab. Được coi là hoàn thành khi có thể cuộn trang theo chiều dọc từ thanh tab mà không làm hỏng hành vi tương tác với tab được mô tả trong issue.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
Hi, actually I'm coming here because of an issue that I've found in ant-design's tab. I recently discovered that the location of the problem was in rc-tabs. So I tried cloning the master branch and inspecting where the problem was. Finally I found that this problem can be solved by removing e.preventDefault() in useTouchMove.ts file.
You can see it on the branch I forked:
https://github.com/irvanherz/tabs/commit/251d8713e6751650f52585d83aa9349c9f7a13c8#diff-6098251a64dc37073e837fba36078438a119c06311050fdbc9975bcbd632c60e
Is this small change ok to fix the bug?
Reproduction link
Steps to reproduce
From any mobile browser, try to swipe view up or down by starting finger touching Tabs' bar.
What is expected?
It should scrolling view up/down as I swipe.
What is actually happening?
It does nothing.
| Environment | Info |
|---|---|
| antd | 4.13.1 |
| React | 17.0.1 |
| System | Android 7.1.2; Redmi 5A Build/N2G47H |
| Browser | Chrome Version 88.0.4324.181 |
My project using many tabs at home page. This bug oftenly brings problem for any users who open the page from mobile browser.
- Ngôn ngữ chính
- TypeScript
- Star
- 572
- Fork
- 241
- Merge trung bình
- 4 ngày 18 giờ
- Pull request đã merge (30 ngày)
- 4
Hướng dẫn đóng góp
Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Issue khác của react-component/tabs
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
react-component/tabs#865 · 1 bình luận ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
react-component/tabs#809 · 1 bình luận ·
-
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 64/100
react-component/tabs#1013 · 1 bình luận ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 48/100
react-component/tabs#777 · 1 reaction ·
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 25/100
react-component/tabs#726 ·
Tất cả issue của react-component/tabs
Issue tương tự
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
vercel-labs/just-bash#464 ·
-
looksLikeSlug() is ASCII-only, so non-Latin entity slugs (e.g. Korean) skip exact match and collapse Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 65/100
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 65/100
-
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 90/100
TanStack/tanstack.com#1293 ·