Skip to content

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

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.

Sign up for GitHub

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

Jump to bottom
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
Labels
Status: Confirmed

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 mentioned this issue Jan 23, 2021
Merged
21 tasks
jacobmllr95 added a commit that referenced this issue Jan 23, 2021
@jacobmllr95
fix(b-img-lazy): blank placeholder for Firefox (closes #6320) (#6349)
9b297c9 
* 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
Assignees
No one assigned
Labels
Status: Confirmed
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(b-img-lazy): blank placeholder for Firefox (closes #6320) bootstrap-vue/bootstrap-vue
2 participants
@jacobmllr95 @h0rn3z0r