Support hiding of all TabPanels
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 ngày
- Mức phù hợp với người mới
- 35/100
- Loại issue
- Tính năng
- Độ rõ ràng
- Khá rõ ràng
- Mức độ hoạt động
- Đình trệ
- Công nghệ
- javascript, react
- Lĩnh vực
- accessibility, frontend
Hướng nghiên cứu
Bắt đầu bằng cách theo dõi cách react-tabs xử lý defaultIndex và cách việc render TabPanel phản hồi khi không có tab nào được chọn. Xác định hành vi cho defaultIndex={null}, bao gồm việc kích hoạt sau khi chọn một tab, và kiểm thử cả trạng thái ban đầu trống lẫn lần chọn tiếp theo.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
Firstly, thanks for this great lib. The focus on a11y is a huge +1.
The UI I'm aiming for is a tab-strip with all the tab panels closed, and a tab is activated only when the user selects a tab. It looks like react-tabs doesn't currently support hiding all the tab panels.
I searched the issues here to find #287, but this seems to be using a CSS-only solution. This will still cause the DOM to have the tab panel. This not only adds unnecessary stuff to the DOM (my tab panel could have a lot of DOM nodes), but also fires off the rendering lifecycle of the tab panel's contents, including all the hooks for that panel. In my case, this would trigger network requests and such, which I would like to avoid.
Would it be possible to build support for something like defaultIndex={null}, so that all tab panels can be hidden away until needed?
- Ngôn ngữ chính
- JavaScript
- Star
- 3.1k
- Fork
- 455
- Merge trung bình
- 5 giờ 9 phút
- Pull request đã merge (30 ngày)
- 2
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 reactjs/react-tabs
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 25/100
reactjs/react-tabs#584 ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 45/100
reactjs/react-tabs#581 · 3 bình luận ·
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 35/100
reactjs/react-tabs#571 ·
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 35/100
reactjs/react-tabs#521 · 3 bình luận ·
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 42/100
reactjs/react-tabs#507 · 1 bình luận ·
Tất cả issue của reactjs/react-tabs
Issue tương tự
-
awaiting triage bug Causes friction Hop Gui P1 P2 Transforms
Độ 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 75/100
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
-
Improve Title Support Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 70/100
georgestephanis/p2026#40 ·
-
Enatega Customer and Rider app: Add-ons price is not visible to customer after order is placed. Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
Margaret-Petersen/food-delivery-app-clone-react-native#1981 ·