Hash plugin sets scrollRestoration (but never resets it)

[jarred-cz]

Describe the bug

The hash plugin sets scrollRestoration to "manual" when opening Fancybox, which causes the page always jumps to the top of the page after F5 (reload) - because browser does not remember the scroll position.

It should re-set it to "auto" on onClose event IMHO.

Reproduction

1. Place the gallery outside the first viewport.
2. Scroll down to the gallery.
3. Refresh the page—the browser will leave you at this position.
4. Open Fancybox.
5. Close Fancybox.
6. Reload the page—the browser will scroll to the top.

Additional context

This setting remains active even after hard reloading the page — scrollRestoration is not reset, it remains at the current history entry. The browser will not natively restore the scroll when reloading because "manual" prevents it from doing so. Default scrollRestoration value is only restored after opening the page in a new tab/window.

So just opening Fancybox will "destroy" the browser's behavior for all other pages visited in the same browser window.

[fancyapps]

Hi,

Sorry, but 1) actually, the script resets history.scrollRestoration on the close event (this can be easily checked in the console); 2) I can't reproduce your issue. For example, if I open https://fancyapps.com/fancybox/guides/images/ (or any other demo) scroll down and follow your steps, everything works as expected.

[jarred-cz]

Hi.

I did a few more tests and one more step is needed to reproduce this behavior (and have the hash plugin enabled).

1. Open the image with the hash in the lightbox.
2. Refresh the page (the hash must be part of the URL).
3. This will correctly reopen the image, and even after closing it, everything is OK.
4. Now if you reload the page—it will jump to the top of it.

In other words, the "problem" only occurs if the page with the hash in the URL is reloaded.
This can also be reproduced at this URL: https://fancyapps.com/fancybox/plugins/hash/

I tried to capture it on video - the first two images are just opened, closed and after that the page is reloaded. After opening the third one, the page is reloaded when the image is still opened (has hash in URL). And then, after closing the image (which is re-opened correctly), the page is reloaded again. And at that moment, the browser ignores the current position and scrolls to the top of the page.

Hash-Fancyapps.mp4

Something like this has solved this behavior for me so far - that's why I think it's something to do with scrollRestoration.

onEvents['close'] = (fancybox: unknown) => {
    if (typeof existingClose === 'function') {
        (existingClose as (fancybox: unknown) => void)(fancybox);
    }

    if (history.scrollRestoration === 'manual') {
        history.scrollRestoration = 'auto';
    }
}

[fancyapps]

Hi, This should be fixed in the latest update.