Inline CSS Issues when Lazy Loading
-
Hello, I am currently having the issue that my inline styling on a div gets removed and not applied afterwards. So I got a div which looks like this:
<div class="col-sm-12 vertical_50 portfoliobox lazyloaded" style="background-image: url("https://XXX/wp-content/uploads/2020/06/XXX-891x434.jpg");" data-back="https://XXX/wp-content/uploads/2020/06/XXX-891x434.jpg"> <a href="https://XXX/portfolio/fachwerkhaus-hueues-hoff/" style="width: 302.25px; height: 80.25px;"><span class="htmlWrapper"><span class="title">X</span><span class="subtitle"></span></span></a></div>
After enabling the plugin’s lazy loading checkbox the same element looks like this:
<div class="col-12 portfoliobox lazyloaded" style="height:480px; " data-back="https://XXX/wp-content/uploads/X-891x594.jpg"> <a href="https://XXX/portfolio/umbau-im-klinikum/" style="width: 248.125px; height: 80.25px;"><span class="htmlWrapper"><span class="title">Text</span><span class="subtitle"></span></span></a></div>
It seems like the “data-back” attribute takes the styling and does not reapply it. Is this behavior wanted?
This bug occurs on multiple elements on our site which uses this way of applying the background image.
Specifications:
- WordPress 6.2.2
- Plugin Version: 7.2.0
- PHP 8.0 with 128M memory limit
Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
- The topic ‘Inline CSS Issues when Lazy Loading’ is closed to new replies.