Remove scroll jump when applying filters

[thansidwell]

Currently when you apply a filter, it immediately it scrolls up to the top of the filter, making it disorienting for users to use and breaking their concentration.

CleanShot.2024-11-23.at.22.06.19.mp4

When a user clicks on a filter it should not scroll at all, but stay exactly where it was before, so users can have a smooth experience.

[vinhyan]

From my initial investigation, this occurs because the filters are being mapped with a unique key, causing React to re-render each time a filter option is selected (and its state is updated). As a result, the scroll position resets to the top of the element after every re-render.

I can look more into this and give it a try. @nlebovits

[nlebovits]

Thank you! I'll assign you now.

Btw, we'll have high fidelity mocks for the contact page by this weekend. Haven't forgotten that.