Feature Request: CSS position: sticky;

[JvP]

Currently missing from the options in Cornerstone is position: sticky; This would allow for some cool things like keeping a table of contents visible as you scroll down a long page for example.

[alexander]

Hi @JvP,

We actually experimented with this and it’s something we wanted to add for Pro 4. There are limitations the would make it unpredictable and in many cases would appear to be broken due to parent element CSS not being setup properly. It’s unlikely that we will be adding it to existing elements.

Quoted from MDN (https://developer.mozilla.org/en-US/docs/Web/CSS/position)

This value always creates a new stacking context. Note that a sticky element “sticks” to its nearest ancestor that has a “scrolling mechanism” (created when overflow is hidden , scroll , auto , or overlay ), even if that ancestor isn’t the nearest actually scrolling ancestor. This effectively inhibits any “sticky” behavior.

Using Element CSS is the best way to go to use this CSS value.