Gallery disappears on mousehover

[PowerKiKi]

On http://127.0.0.1:4000/, with a zoom of 75%, and probably a specific window size which I cannot remember (😭), the entire gallery disappear when the mouse is hovering over the gallery. It only re-appears if the mouse stops moving. I unfortunately could not reproduce after I resized the window. Maybe there's something about specific window size, scroll position, and zoom, which somehow break something ?

Since I could not find any mouseover in this lib, I was wondering if that might have something to do with the mouseover used by Photoswipe, which somehow would still be running even after closing the image ? 🤔 ...

PS: seen on e81a818

aa.mp4

[sambaptista]

Can't reproduce. And probably nothing really related to mouse over action.

That's the behavior of the resize : to ease rendering workload, I hide images when resize start, then I show them again when resize ends. I use basic css class resizing.

That means your mouse hover seems to affect the gallery's width (in fact the size of the iframe inside it). That's not supposed to happen.

Maybe something related to zoom ? a rounding ? Still doesn't explain width change from T to T+1 as everything in gallery is border-box sized to prevent changes.

There's still something strange in your video : you don't have infinite scroll but you should. I once could observe that behavior (hard to reproduce) but still not leading to the reported bug.

Probably nothing to do with it either, but I mention just in case : Also I change lodash to toolkit, syntax changed a bit, maybe there is some side effect I can't reproduce in this code :

const startResize = debounce(() => this.startResize(), resizeDebounceDuration, {edges: ['leading']});
const endResize = debounce(() => this.endResize(), resizeDebounceDuration);
iframe.contentWindow?.addEventListener('resize', () => {
    endResize();
    startResize();
});

I have a different collection than you, maybe I can't observe this bug with different data...

[sambaptista]

I notice two small additional things :

• You seems to be at the end of gallery (last row has bigger gaps). Dunno if it matters.
• the 3rd mouse move (at 5s) hides images with bigger delay than other mouvements. Resize class is supposed to be immediate. But I really don't know what else could lead to it appart from the resize class...