Please excuse the lack of code in this one - it’s not easily reproducible and very bizarre…
Scenario: I have a React-Redux app that takes file uploads using DropzoneJS. One particular feature is that folders of images can be dragged on and you get some uploading / processing updates as they are uploaded. So, drag the images on and the counter starts going up.
The issue: When a large image set is uploaded (2000 images, say) the counter updates in a stilted, stalling kind of way…UNLESS you click the counter label, hold down the mouse button and gently wiggle the mouse. If you do that, the counter continues to go up smoothly. There are no event listeners or click handlers in sight - this is a completely unintended side effect.
Can anyone fathom why a React component would find it easier to keep itself updated if it were being distracted actively by the user’s mouse interactions?
If this nonsense gives any clues as to how to make the component update smoothly without mouse jiggling, I would love to hear it!