Fix: Delay unfix state change to prevent Safari glitch

[olerichter00]

Problem

The header doesn't stay at the top of the page when scrolling to the top of the page quickly with Safari on MacOS.

Related Issue

#185

Proposed Change

Delay unfixed state change with setTimeout().

New Behaviour

Glitches are not happening anymore, although the header still disappears for a few milliseconds when scrolling to the top quickly.

[vitordino]

i can confirm this worked for me, will try to create 2 code sandboxes to show the fix — when i have time

might work using request animation frame as well

[opolo]

Works for us too, so could be a solution, although I can confirm the same that Vitordino wrote. @KyleAMathews You are more an expert of whether this is an acceptable fix though :)

[vitordino]

published this change on @vitordino/react-headroom package for now

[endymion1818]

Could anyone using @vitordino's package report back to me on whether #134 is recurring now.