Library does not work with containers that are not initially rendered within a component (React)
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 3/5
- Thời gian dự kiến
- 1-2 ngày
- Mức phù hợp với người mới
- 38/100
- Loại issue
- Lỗi
- Độ rõ ràng
- Khá rõ ràng
- Mức độ hoạt động
- Đình trệ
- Công nghệ
- react, typescript
- Lĩnh vực
- frontend
Hướng nghiên cứu
Bắt đầu với bản tái hiện CodeSandbox được liên kết và kiểm tra phần tích hợp React xung quanh các container được render có điều kiện. So sánh animation đang hoạt động của phần tử cha với các animation bị thiếu của các phần tử con khi showParent2 thay đổi. Hoàn tất khi các phần tử con được animate chính xác lúc container của chúng được thêm vào sau lần render ban đầu và vẫn tiếp tục hoạt động khi container đó bị xóa rồi render lại.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
Hey there! Great job with this library, it's such a quick and easy way to improve UX. I encountered an issue where the animations do not work when a container is not initially rendered in the DOM. I created a small codesandbox to demonstrate this here:
Notice parent2 animates as expected, however its children do not. If you change the initial state of showParent2 to true, everything will animate correctly (until parent2 isn't being rendered anymore). An obvious workaround to this issue is to compose your app in a way such that each individual ref is always rendered within each component.
- Ngôn ngữ chính
- TypeScript
- Star
- 13.9k
- Fork
- 259
- Chỉ số merge pull request
- Không có pull request nào được merge trong 30 ngày
Chuẩn bị môi trường
Dự án này không cung cấp dev container, Dockerfile hay hướng dẫn đóng góp, nên bạn cần tự thiết lập môi trường: hãy bắt đầu từ README và xem hướng dẫn đóng góp lần đầu của chúng tôi để biết các bước chung.
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 formkit/auto-animate
-
`auto-animate/nuxt`: Module causes 'is not wrapped in defineNuxtPlugin' warning since v0.10.0Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 65/100
formkit/auto-animate#240 · 6 reaction ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100
formkit/auto-animate#232 · 1 bình luận ·
-
svelte: use attachmentsĐang mở
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 45/100
formkit/auto-animate#235 · 1 bình luận · 1 reaction ·
-
Image to VideoĐang mở
Độ khó 5/5 Hơn một tuần Mức phù hợp với người mới 15/100
formkit/auto-animate#233 ·
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 38/100
formkit/auto-animate#231 ·
Tất cả issue của formkit/auto-animate
Issue tương tự
-
needs:triage
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 84/100
Maintainer thường phản hồi trong vòng 1 ngày
-
ai-discovered
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 83/100
Maintainer thường phản hồi trong vòng 1 ngày
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 88/100
jessepollak/home#1627 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
agent-canvas bug llm priority:low ready-for-dev
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 82/100
OpenHands/OpenHands#17806 · 3 bình luận ·
Maintainer thường phản hồi trong vòng 1 ngày
-
bug
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 76/100
radius-project/ai-extensions#923 ·
Maintainer thường phản hồi trong vòng 1 ngày