disables sticky headers

[bbpoizon]

Im using the os-theme-dark. I've tried using the os-host-flexbox, but it always breaks whatever flex box its applied to.

To Reproduce Steps to reproduce the behavior:

1. Go to www.courtneybrown.digital
2. Click on ui/web design
3. Click on first project row (cmmc)
4. Scroll section on right side (project images)
5. See error

Expected behavior Sticky headers should remain at the tops of the container until replaced by the next one

Examples Sticky headers remain in natural document flow. Second sticky header doesn't stick at all.

Environment

• Used Operating System(s): macOs Catalina 10.15.6
• Used Browser(s) (with version): Chrome 79.0.3945.88

Additional context Add any other context about the problem here.

[KingSora]

Good day @bbpoizon!

Yes, thats kind of an small limitation, but you can work around it by changing the height of the .os-content element to auto. In your case:

.project-photos.os-host > .os-padding > .os-viewport > .os-content {
  height: auto !important;
}

[SuperiorJT]

Would there be any side effects by making this workaround be the default behavior? For my case, I used this selector to make the change only when there is an overflow:

.os-host-overflow-y > .os-padding > .os-viewport > .os-content

Seems like it would be worth considering, but I'm not sure if doing so would break it in other areas.

[KingSora]

v2 released today which should fix this issue :)