Sticky headers count as layout thrashing

[turt2live]

Because we're altering classes on a bunch of headers the browser ends up in a read-write-read-write loop, which forces synchronous layouts to happen.

[germain-gg]

Could use position: sticky; here https://developer.mozilla.org/en-US/docs/Web/CSS/position

[turt2live]

I WOULD LOVE IT IF WE COULD. Because of the flexbox layout (which is questionable, but necessary at the moment) the bottom header ends up not sticking correctly and will stick below the room list. Plus, there's the added complexity of transparency effects which mean that we need reserved spaces for the background to bleed through.

I would definitely timebox this if anyone works on it.

[novocaine]

@gsouquet can you post screenshots or videos explaining what you've changed so product and design can review it?