I’m using query parameters to apply filters when a page loads, and while the filters work correctly, the loading experience is a bit clunky. The results initially flash in, disappear, and then reappear, which isn’t ideal.
When filters are applied after the page has loaded, everything works smoothly, but when they’re set via query parameters on page load, the flickering makes for a less polished experience. Ideally, I’d like the results to either load smoothly or wait until they’re fully ready before displaying them.
Has anyone dealt with this before? Any suggestions on how to make the initial load more seamless?
We do not have a native option that achieves this; however, we could try overlaying an element over the list as if it were in the initial state described below.
Instead of the list resetting to this element when the filters are blank, we remove this element from the page after it has finished loading essentially masking the list while it load/filters with the query params.
Let me know if you’d like to consider this approach!
