Turn off the Change Focus Window on reload ?

[Charles-Schleich]

While Running vite --config vite.config.js
upon saving a file in VSCode, the window focus changes from my Code Editor to my Browser.

How do i disable this behavior ?

[bluwy]

I don't think Vite is triggering this behaviour by default. Do you have code that would re-focus the window, in which HMR would re-trigger that code?

[Charles-Schleich]

Fantastic question:
I am unsure which Hot module replacement I am using.
I am running this in Firefox 126.0 (64-bit)
with the config below

// vite.config.js
export default {
    build: {
        outDir: './dist'
    },
    server: {
        hmr: { overlay: false }
    }
}

hmr: { overlay: false } seems to have no effect.

It looks like this behavior does not exist in chrome, it doesn't force window focus (And move cursor in the case of My window manager.)
I will continue in chrome, but i would like to get this working in Firefox.

[florianbouvot]

@Charles-Schleich did you find a way to keep focus window in your editor?

[oojacoboo]

Is there really no resolution to this? This issue is beyond annoying. It makes HMR useless. It even switches tabs in my browser as I'm trying this message.

[rsmeral]

I think I found a clue – do you happen to use window.history.replaceState (or pushState) anywhere in your app?

For me, that's what's causing the browser to jump into focus, but only in some conditions.

Try putting this snippet into the console and switch away to a different application –
setInterval(() => window.history.replaceState(null, '', window.location.href), 3000):

My results:

Case	Browser	Context	Private?	Result
1	MS Edge	local dev version of my vite HMR-enabled app	Normal window	forces focus
2	MS Edge	local dev version of my vite HMR-enabled app	Private window	nothing happens
3	MS Edge	production version of the same app	Normal window	nothing happens
4	MS Edge	local dev version of a fresh npm create vite@latest app	Normal window	forces focus
5	Chrome	anything, even the local vite HMR app	Normal window	nothing happens

Same for pushState.

I think this proves that:

• This likely is a vite issue
• It's some strange interplay between replaceState, vite, and MS Edge

[Mini-Sylar]

Did you find a solution to this?

[martinpokorny]

I'm aware this likely won't help most of you, but I ran into this issue as well. In my case I got it fixed by simply doing yarn install, which re-generated install-state.gz and the issue stopped.

For some reason I had this combination of:

1. My install-state.gz was broken in some way and was apparently enforcing full hard reloads instead of proper HMR
2. This issue inside MS Edge was triggered by it and was constantly switching my window focus to Edge, even if the tab wasn't selected at the time

Note: We use window.history.replaceState only on demand in some special cases, but I was able to reproduce it reliably using the setInterval snippet above. What a strange problem...

[ayZagen]

i dont use yarn at all, what is my problem then