Any guidance for how to do sticky headers?

[mfbx9da4]

I'm looking to implement sticky headers, my naive approach was to do position: absolute; top: 0; and put an extra relative wrapper around the scrollable area. This however broke the scroll (scroll was locked).

I'm planning to resort to position: absolute; transform: translateY(${offset}px); keeping it up to date. I'm wondering if there would be a better way using position: sticky or something better yet?

[tannerlinsley]

🎉 This issue has been resolved in version 2.10.3 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀