react-lazy-load-image-component icon indicating copy to clipboard operation
react-lazy-load-image-component copied to clipboard

Scrollbar doesn't work when dragging over lazy loaded component.

Open PabloRomanH opened this issue 5 years ago • 0 comments

This problem seems to be only happening on Chrome. It works well on Edge and Safari.

When grabbing the side scroll bar to go fast to a certain position in the page, the scroll bar "let's go" of the cursor, even if you still have the mouse button pressed. This happens as soon as a lazy loaded component that hasn't been loaded yet appears in view.

Here I demonstrate how dragging the scrollbar works well when moving over loaded components, but lets go as soon as it has to load one: https://www.youtube.com/watch?v=mL1vLH_3prw

Happens for both LazyLoadComponent and LazyLoadImage. I suspected that the page changing in size when scrolling may be the issue, so I tried making sure that the elements are exactly the same size before and after the lazy loading. That didn't solve the problem.

PabloRomanH avatar Apr 08 '20 09:04 PabloRomanH