visibilitychange event does not fire

[NGimbal]

I ran into a strange bug(?) where the visibilitychange event does not fire in my app built on the Epic Stack. I created a minimal reproduction from a new Epic Stack app. I'm totally open to the idea that this is somehow my fault 😅 but I haven't found the explanation yet after a lot of debugging. Any help / advice / guidance would be much appreciated!

Here are some reputable blog posts that indicate that this isn't a remix problem:

• https://sergiodxa.com/articles/automatic-revalidation-in-remix
• https://sergiodxa.com/tutorials/keep-your-loader-data-fresh-in-remix
• https://ben.page/remix-focus

The use case is reloading the page after a period of inactivity. I ended up using the focus / blur events on the window, which DO work. I'm really baffled by the visibilitychange event not firing though.

Reproduction:
NGimbal/epic-stack-visbilitychange-repro@e0e54c0

[kentcdodds]

Hi @NGimbal!

I'm afraid I don't have time to look at this now (you might bring it to my office hours later this week if you like).

But as the first bit of debugging I would recommend is create a brand new remix project without the epic stack and see whether you're having the same issue. Try to determine whether it's really something in the stack. If it is then try to remove as much as possible until you find the cause.

[NGimbal]

No worries @kentcdodds - I just wanted to flag it because it was weirding me out. I will debug further when I have the chance.