Has anyone an idea what is happening here?
I use Edge and when I scroll the images disappear. After interacting they will be shown again.
It seems random what images are go missing and I tried it on desktop and mobile.
Here is my current working state:
https://codepen.io/kirkone/pen/mdYewmv
6 Replies
Is it happening on other browsers or only Edge ? By google searching I can see that edge has a history of issues with images. I’m wondering if maybe the lazy loading attribute is throwing a wrench in somehow. You’d think once they’re loaded initially it shouldn’t affect anything but it’s worth a try while debugging.
Its
content-visibility: auto
This property is experimental. Firefox is not affected because its not implemented there yet.
@KirKAwesome!
That solved it!
Not sure how this has sneaked in.
I will submit an issue to the Edge team as of I do not think this is the expected behavior when the
content-visibility: auto is present.
Thank you very much!Nice!
Learnt something new today.
Thank you @Wonderbear
I found it out by minimizing your example. With this many lines of html and css, its hard to find the source of the error. I removed pretty much everything, except for the main, article and the first picture tag, as well as the belonging styles. Then I could search through the code much easier to find anything that might cause the issue.
When asking such questions, also try to provide a minimal reproduction and leave everything out that is not mandatory for the error to happen.
You are right, but I did came up with the problem while fiddling around and were not sure how it came.
Next time I will strip it down before asking.