developit / developit/simple-element-resize-detector

Resize events only work if iframe in viewport

Đang mở
#10 2 bình luận 0 reaction 0 người được giao Xem trên GitHub
bug help wanted
Ngôn ngữ chính
JavaScript
Star
189
Fork
4
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

The solution of `top:-100%;` and `margin:1px 0 0;` does not keep the iframe positioned in a viewable area at all times. If the target element is nested in an element with `overflow: hidden` and the target element has a negative top margin or a negative absolute positioned top the resize events stop working.

`top: 0; z-index: -1` seems to fix the issue but I'm not sure what all the consequences are.

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

Hướng nghiên cứu

Bắt đầu bằng cách tái hiện lỗi resize-event với hidden iframe được lồng bên trong một phần tử overflow-hidden và được định vị bằng một độ lệch top âm. So sánh hành vi đó với top: 0 và z-index: -1, kiểm tra rằng các resize events vẫn tiếp tục được phát ra mà không gây ra hồi quy về định vị hoặc khả năng hiển thị; được xem là hoàn thành khi trường hợp được lồng vẫn có thể quan sát được.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
javascript
Lĩnh vực
frontend
Loại issue
Lỗi
Độ khó
3/5
Thời gian dự kiến
1-2 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
42/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.