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

LazyLoad for CSS background images breaks linear-gradient applied to images #6577

Open
viobru opened this issue Apr 19, 2024 · 0 comments
Open
Labels
module: lazyload background css images priority: medium Issues which are important, but no one will go out of business. severity: moderate Feature isn't working as expected but has work around to get same value type: bug Indicates an unexpected problem or unintended behavior

Comments

@viobru
Copy link
Contributor

viobru commented Apr 19, 2024

Before submitting an issue please check that you’ve completed the following steps:

  • Made sure you’re on the latest version ✔️ (3.15.10)
  • Used the search feature to ensure that the bug hasn’t been reported before ✔️

Describe the bug
linear-gradient applied to background-image is not visible when LazyLoad for CSS background images is enabled.

To Reproduce
Steps to reproduce the behavior:

  1. Add a background-image with a linear-gradient applied to it.
  2. Enable the LazyLoad for CSS background images.
  3. See error: the linear-gradient is not visible when the image is loaded.

Expected behavior
A linear-gradient applied via background-image should be visible once the background image is loaded on the page.

Screenshots
N/A

Additional context
HS ticket: https://secure.helpscout.net/conversation/2572553368/486916
Slack thread: https://wp-media.slack.com/archives/C43T1AYMQ/p1713525678741239

@piotrbak piotrbak added type: bug Indicates an unexpected problem or unintended behavior priority: medium Issues which are important, but no one will go out of business. severity: moderate Feature isn't working as expected but has work around to get same value module: lazyload background css images labels May 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
module: lazyload background css images priority: medium Issues which are important, but no one will go out of business. severity: moderate Feature isn't working as expected but has work around to get same value type: bug Indicates an unexpected problem or unintended behavior
Projects
None yet
Development

No branches or pull requests

2 participants