- Pick element Child to be
position: sticky. Ensure it has a one of the following set:top,bottom,left,right - Ensure it has a parent that has
position: relative - Ensure that all elements between the parent and child have
overflow: visible- Next.js sets
overflow:disabledon the entire document by default - Easiest to diagnose this by selecting child in Inspect Element, filter styles for "overflow" and click up repeatedly to traverse up the DOM.
- Next.js sets