WIP: Page Scroll Position Issue on Refresh with "Enable Query Sort/Filter/Live Search" Feature Enabled

Browser: Chrome 110 / Edge
OS: Windows
I have encountered an issue that negatively impacts the user experience, and I was able to reproduce it on the BricksBuilder playground at “Try Bricks – Free playground for Bricks.

Tested on version: 1.11
Issue not present in previous version: 1.10.3

Issue Description:

When the “Enable query sort / filter / live search” feature is enabled, refreshing the front-end page causes it to scroll back to the top. For example, if a visitor has scrolled 70% down a long page (the scroll depth can vary), refreshing the page will return them to the top, requiring them to manually scroll back to where they left off. This creates a poor user experience. However, when the “Enable query sort / filter / live search” feature is disabled and the page is reloaded, this issue no longer occurs; the page refreshes and remains at the previously viewed scroll position as expected.

Hello @a-ben,

thank you for your report.

I was able to replicate this and I’ve added it to the internal bug tracker. Once we fix the issue, we will update this topic.

Thanks and best regards,
Matej

Hi Matej,

Thank you for confirming the issue and adding it to the internal bug tracker. I appreciate your quick response and look forward to the update once it’s resolved.

Best regards,
Ben

1 Like

Hi

I have a similar problem. If “Enable query sort / filter / live search” is switched on, the scroll navigation does not work.

Example: I have a table of contents which scrolls sticky in a post. If I click on the first anchor, the browser scrolls to the corresponding section. If I click on the second anchor, the browser scrolls to the second section. However, when I click on the back button in the browser, the scroll position of the first section is not restored.

In addition, when I call up the URL with the anchor ID, the browser only scrolls to the section the first time. When I refresh the browser, the scrolling fails.

1 Like