Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Can't have sticky elements

See original GitHub issue

I’ve stumbled upon another limitation of this implementation besides height: 100%. Can’t have position: sticky elements. Please take a look at this example: https://jsfiddle.net/9eb13n2L/

Should it be caveat or should it be supported? If anyone finds a way to magically make it work, Im all ears.

Issue Analytics

State:
Created 5 years ago
Reactions:3
Comments:6 (4 by maintainers)

Top GitHub Comments

4reactions

adjourncommented, Nov 3, 2018

Very cool! Updated example if anyone is interested: https://jsfiddle.net/9eb13n2L/3/

2reactions

Grsmtocommented, Nov 2, 2018

This is released in latest beta version.

Top Results From Across the Web

How to Fix Issues With CSS Position Sticky Not Working?

There could be a number of reasons why the CSS position: sticky property might not be working for you. You can check the...

CSS position:sticky Not Working? Try This Fix

In order for the sticky element to function correctly, it needs to have at least one of it's top , right , left...

My position: sticky element isn't sticky when using flexbox

Show activity on this post. Make sure flex-wrapper has assigned a height, and set the overflow value to auto. Then add "align-self: flex-start; ......

Why your sticky header won't stick | by Leanne Werner | Medium

This means that the element with position sticky, or relative, have a space in the page layout. Positions fixed and absolute, ...

CSS 'position: sticky' not working? Try 'overflow

If you've ever tried sticky positioning, then you have probably wondered why CSS position: sticky is not working for your web design.