Transition parent opacity with bootstrap btn
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
- 35/100
- Loại issue
- Lỗi
- Độ rõ ràng
- Khá rõ ràng
- Mức độ hoạt động
- Đình trệ
- Công nghệ
- bootstrap, javascript
- Lĩnh vực
- frontend
Hướng nghiên cứu
Tái hiện ví dụ HTML được cung cấp bằng _hyperscript, Bootstrap 5.3.2, Firefox và Chromium, đồng thời so sánh nút có và không có lớp btn. Bắt đầu bằng cách theo dõi transition và hành vi xóa ngay lập tức .parent gần nhất; được xem là hoàn tất khi transition opacity của phần tử cha hoàn tất nhất quán trên cả hai trình duyệt mà không chèn thời gian chờ nhân tạo.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
In the following code, the transition opacity to 0 finish immediately instead of 0.5s.
It only works correctly if the btn class is remove from the button. (line 11)
<!DOCTYPE html>
<html>
<head>
<script src="https://unpkg.com/[email protected]"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</head>
<body>
<div class="parent" style="background-color: red; padding: 5px;">
<span>parent</span>
<button class="child btn btn-danger" style="background-color: orange; padding: 5px;" _="
on click
transition the closest .parent opacity to 0 over 0.5s
remove closest .parent
">
<span>child</span>
</button>
</div>
</body>
</html>
[Note]
- Test on firefox 121.0 and chromium 119.0.
- Insert
wait 0.5sbefore the line ofremove closet .parent(insert to line 14) it will work on firefox but not on chrome. (It is not correct way to use hyperscript anyway)
- Ngôn ngữ chính
- JavaScript
- Star
- 3.8k
- Fork
- 171
- 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 bigskysoftware/_hyperscript
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
bigskysoftware/_hyperscript#688 ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
bigskysoftware/_hyperscript#678 ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100
bigskysoftware/_hyperscript#676 ·
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 68/100
bigskysoftware/_hyperscript#695 ·
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 62/100
bigskysoftware/_hyperscript#687 ·
Tất cả issue của bigskysoftware/_hyperscript
Issue tương tự
-
[Bug]: [A11y] Missing accessible name on icon-only standalone links (WCAG 2.1 SC 2.4.4, 4.1.2)Đang mởbug
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
jaegertracing/jaeger-ui#4596 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
Add: CNC Region Calima [CO]Đang mởchannels:add check:passed
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 72/100
Maintainer thường phản hồi trong vòng 9 ngày
-
module: core
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 77/100
bigbluebutton/bigbluebutton#26028 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 91/100
twbs/bootstrap#43050 · 1 bình luận ·
Maintainer thường phản hồi trong vòng 1 ngày
-
status:untriaged
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 78/100
midnightntwrk/servicedesk#248 ·
Maintainer thường phản hồi trong vòng 1 ngày