Incubator » CB Activity

Implement the usage of the following CSS rules to shut off the rendering processing entirely for activity entries that are offscreen.

content-visibility: hidden;
contain-intrinsic-size: 0 500px;

Use contain-intrinsic-size to set the size. Best way to do this is probably set an inline style var then use the var in a CSS rule. When something is offscreen we just then need to apply the offscreen class and set the var style height based off the content height.

This is available in all major versions and it's non-breaking so if a browser doesn't support it it's fine and that browser will just have some less performance.