ApoorvSaxena / ApoorvSaxena/lozad.js

Certain images not loading when using threshold: 0.1 - Firefox

Đang mở
#231 1 bình luận 0 reaction 0 người được giao Xem trên GitHub
Ngôn ngữ chính
JavaScript
Star
7.5k
Fork
435
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

## Expected Behavior
Load image

## Current Behavior
Certain images are not loading. I don't know yet what could be affecting it.

![image](https://user-images.githubusercontent.com/12187148/77127404-1237b480-6a2b-11ea-93ce-14c17a8f5b6a.png)

Figure not loading:
```

Professor Severus Snape
<br />...
<br />                    is listed (or ranked) 9 on the list The Best Movie Characters of All Time
```

Figure loading:
```

Rocky Balboa
<br /> </p>

<p>                    is listed (or ranked) 10 on the list The Best Movie Characters of All Time
```

## Possible Solution
Use threshold 0.0 (default)

## Context
Loading a list, each element with a "profile" picture. So they have the same structure.
Chrome works OK Version 80.0.3987.149 (Official Build) (64-bit)

Config:

```
const observer = lozad('.lozad', {
rootMargin: '200px 0px',
threshold: 0.1
});
observer.observe();
```

## Tested on:

* Browser Name and version: Firefox Developer Edition, 75.0b5 (64-bit), Chrome works OK Version 80.0.3987.149 (Official Build) (64-bit)
* Operating System and version (desktop or mobile): Ubuntu 20.04 Desktop

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Đánh giá

Issue này chưa được đánh giá.

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.