Sticky element is mispositioned when StickyContainer is within a position: relative container #271
Labels
Comments
hepiyellow
changed the title
relative mode makes <Sticky/> jump to body's top<StickyContainer/> is wrapper in a positioned container (position: relative)
|
Ah I see, yeah that does appear to be a bug. I forked your demo to make it clearer what's happening. https://codesandbox.io/s/wq621mz9j7 |
vcarl
changed the title
<StickyContainer/> is wrapper in a positioned container (position: relative)
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I'm submitting a ...
If you're reporting a bug, please provide a minimal demonstration of the problem
Bug Demo
What is the current behavior?
When the
<StickyContainer/>has an ancestor withposition: relative, the using<Sticky relative/>causes the Sticky element to jump to viewport's top when sticked.What is the expected or desired behavior?
To stay in
<StickyContainer/>.Why do you want this? What use case do you have?
My Page has an App wrapper (not in my control), and renders my page in a container with
position: relative.What is your environment?
Is there anything else I should know?
The text was updated successfully, but these errors were encountered: