Semantic-ui: [Sticky] - Sticky applies bound bottom

Created on 9 Sep 2020  路  2Comments  路  Source: Semantic-Org/Semantic-UI

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

Most helpful comment

Im seeing this too

All 2 comments

Im seeing this too

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');

Was this page helpful?
0 / 5 - 0 ratings

Related issues

kntmrkm picture kntmrkm  路  3Comments

guilhermeblanco picture guilhermeblanco  路  3Comments

mixerp picture mixerp  路  3Comments

mllamazares picture mllamazares  路  3Comments

iPaoo picture iPaoo  路  3Comments