[Sticky] - Sticky applies bound bottom

[martintali]

Steps to Reproduce

1. Open page with an element with class ui sticky
2. Scroll down
3. bound bottom classes are applied instead of fixed top

Expected Sticky element should have fixed top always

Result Sticky element has bound bottom class applied

[ahmb]

Im seeing this too

[ljacobs-fb]

Also experiencing this. Oddly, on production, it goes away when I open developer console. In local, that did not happen and I was also able to see the "ui sticky bound bottom" classes were in fact causing this annoying issue I'm debugging where the elements are jumping from top of the context selector to the bottom of it..

Edit: Could have been how I was refreshing cached sticky items after deleting/repopulating the dom with new elements. I had it set to only refresh some sticky elements within a certain segment..

$('#the_segment_id .ui.sticky:visible').sticky('refresh');

But using this instead seems to resolve my particular problem:

$('.ui.sticky:visible').sticky('refresh');

[AmChaoSun]

I got this issue and finally fixed by setting the correct context property in the <Sticky>.