Issue with menu popovers in Sanity, resolved by removing experimental configuration.

Hi, is anyone else having an issue with menu popovers from within sanity?

I'm following the guide (yet again) for live previews, so this is a completely fresh install, literally copy and pasting commands from the guide. Straight away in the install, these popovers aren't working, for anything.
The content appears to be in there, through looking in the dev tools. And you can click on where things should be. But the content is all hidden inside.

Looks to be an issue specifically with the css property "--motion-content-opacity: 0;"
This doesn't seem to change like it should, and thus no popovers show.

Tried downgrading sanity a few times with no success

So I just figured this out...
Removing:


from my next.config.mjs fixed this issue entirely.

I’ve been having the same issue. And your solution works, however I wonder, what does

taint: true

do, is it safe to remove it?

Taint is an experimental feature that forces you to keep certain variables outside of the client, mostly API keys. That's also what it's used for here.
Removing it really shouldn't do anything, and I've got no idea why turning it on breaks the backend of Sanity at all

Alright, thanks for the info! Yeah, it’s strange that doing this fixed the issue.

Ahaa, and right now I ran into this 😄

Yeah, just remove the taint function. As that's technically what you've disabled.