Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Lazy loading is not working if container has 'overflow-x: hidden' style
See original GitHub issueHi guys,
I have container with the following styles:
height: 100%; position:relative; overflow: auto; overflow-x: hidden;
LazyLoad component is configured with overflow={true} property.
But Lazy loading is not working.
I assume this issue is related with overflowRegex.test(overflowX) condition here
Could you please check if this condition isn’t superfluous. Thank you!
Issue Analytics
- State:
- Created 6 years ago
- Reactions:8
- Comments:10
Top Results From Across the Web
Lazy loading is not working if container has 'overflow ... - GitHub
Hi guys, I have container with the following styles: height: 100%; position:relative; overflow: auto; overflow-x: hidden; LazyLoad component ...
Read more >lazy load doesnt work with hidden elements - Stack Overflow
Because display: none; elements are unknown in position. And the lazyloader doesn't know, when and if you change this.
Read more >Preventing Content Reflow From Lazy-Loaded Images
Lazy loading doesn't guarantee that the image will fully load before it enters the viewport. The result is a perceived janky experience, even...
Read more >Lazy Loading Images – The Complete Guide - ImageKit.io
The general concept of lazy loading images in <img> tag Lazy loading images can be broken down into two steps: Step one is...
Read more >Enhancing HTML 5 Lazy Loading With CSS and Minimal ...
For a long time a lot of broken, non-semantic, inaccessible trickery has been done in JavaScript to accomplish “lazy loading” of images.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I’m having the same issue, I cannot make the hidden components load when scrolling onto them with overflow-x: hidden.
also if container view is display: flex…