Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

b-img-lazy: missing placeholder of initially visible images on Firefox #6320

Closed
h0rn3z0r opened this issue Jan 15, 2021 · 0 comments · Fixed by #6349
Closed

b-img-lazy: missing placeholder of initially visible images on Firefox #6320

h0rn3z0r opened this issue Jan 15, 2021 · 0 comments · Fixed by #6349

Comments

@h0rn3z0r
Copy link
Contributor

Describe the bug

It seems like the blank-color property does not fill b-img-lazy with a desired color on Firefox if an image is initially visible and its svg placeholder is not cached. This bug does not occur to elements outside of the viewport and on Chromium entirely.

Steps to reproduce the bug

  1. Launch the latest Firefox browser
  2. Go to https://codesandbox.io/s/inspiring-murdock-uqic0
  3. Wait for images to start loading
  4. See error

Expected behavior

All images should have a red background set by the blank-color="red" prop while loading.

Versions

Libraries:

  • BootstrapVue: 2.21.2
  • Bootstrap: 4.5.3
  • Vue: 2.6.12

Environment:

  • OS: Windows 10
  • Browser: Firefox 84.0.2

Additional context

The screenshot illustrating the issue:

firefox_210115-173407

@jacobmllr95 jacobmllr95 added this to To do in v2.22.0 via automation Jan 18, 2021
v2.22.0 automation moved this from To do to Done Jan 23, 2021
jacobmllr95 added a commit that referenced this issue Jan 23, 2021
* fix(b-img-lazy): `blank` placeholder for Firefox

* Update img-lazy.js
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
v2.22.0
  
Done
Development

Successfully merging a pull request may close this issue.

2 participants