developit / developit/simple-element-resize-detector
Resize events only work if iframe in viewport
- 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