When using Finsweet Filter to filter live inventory, it sometimes jumps me around the page because it’s loading/removing items from the filter. Is there any way to stop this or improve the UX?
Hey @ryan3!
You can add fs-list-element="scroll-anchor" to either the fs-list-element="list" element or any div you’d like to use as an anchor.
When the list is filtered, the page will automatically scroll to this anchor point, ensuring users always see the filtered results from a consistent position. This helps prevent the “jumping” effect as items are added or removed.
You might also consider:
Adding a loading state to improve the UX during filtering by using fs-list-element="loading" on an element that appears while filtering is in progress.
Setting a defined height on your collection list to prevent its size from changing as elements are rendered or removed.