Page scrolled back to the top when redirecting to same the page from useFetcher Form

What version of Remix are you using?

1.4.1

Steps to Reproduce

Submit a form from useFetcher

import type { ActionFunction } from '@remix-run/node';
import { redirect } from '@remix-run/node';
import { useFetcher } from '@remix-run/react';

export const action: ActionFunction = () => {
    return redirect('/test');
};

export default function Test() {
    const fetcher = useFetcher();

    return (
        <div>
            <fetcher.Form method="post" style={{ marginTop: '150vh' }}>
                <button type="submit">Submit</button>
            </fetcher.Form>
        </div>
    );
}

Expected Behavior

Page should stay at the same scroll position

Actual Behavior

Page is scrolled to the top

[Mattinton]

I’ve added a PR which fixes the problem for me but I don’t know if it’s what the Remix team will want.

Also fixed the PR to use my actual personal account and not my work one 😦

[MattKintonCinch]

This is for JS/non-JS support where I’m using the same action. In the non-JS version I want a redirect whereas in the JS version I want to stay on the same page, the logic is close the the Newsletter Sign Up example.

As far as I’m aware useFetcher will redirect if it recieves a redirect response but I don’t think it should if you’re on the same page. By the looks of it this is the funcionality of a normal Form submission see here.

I could write some custom logic to only return a redirect if I provide a certain field but that feels messy.