fixed-sticky icon indicating copy to clipboard operation
fixed-sticky copied to clipboard

Published 20 hours ago • verified publisher icon filamentgroup

display: flex on parent element causes flicker

Open jacobdubail opened this issue 8 years ago • 3 comments

Has anyone else run into this? If the sticky element's parent is set to display:flex, the sticky element flickers on/off. I'll post a test case from codepen shortly.

jacobdubail avatar Aug 29 '16 22:08 jacobdubail

I should qualify this. If the sticky element has flex: auto, then it's fine, but if no value is supplied, it seems to flicker.

jacobdubail avatar Aug 29 '16 23:08 jacobdubail

Okay, after more digging, it appears the issue is actually due to the use of vh units in the element's padding.

jacobdubail avatar Aug 30 '16 18:08 jacobdubail

I had this issue as well, but couldn't trace the issue to vh or fix with flex: auto. I was able to fix by adding backface-visibility: hidden to the sticky element and everything within it.

jake avatar Feb 24 '17 22:02 jake