Unable to copy database to clipboard in Chome

When trying to save my DB to the clipboard in this page, I press the button, the alert box comes up saying Copied database to clipboard but nothing is actually saved to the clipboard.

In the console the following error occurs:

Uncaught (in promise) DOMException: Document is not focused.

It works fine in Firefox and Safari, but not Chrome.

I don’t understand the error, if I’m pressing the button -> the button is focused -> the document should be focused too no? So what’s up?

[frzyc]

@Pustur Sorry for the late reply, I had to prioritize time on more critical features. What a surprise for me to find the solution already waiting for me. The problem is resolved as of v6.0.13.

If you want more up-to-date responses to bugreports, I’ll advice you to join the Genshin Optimizer Discord, where I stage most of the feature requests/bugreports/discussions.

Thanks a lot for your help!

[Pustur]

Ok I think I understand the problem now.

In this code:

https://github.com/frzyc/genshin-optimizer/blob/ce5919de268b61179c811e0882b57951170f06a0/src/Settings/SettingsDisplay.tsx#L93-L94

You try to copy the DB to the clipboard and then alert right after it. The alert is actually the thing that’s responsible for the error! It basically steals the focus from the document so the clipboard operation fails. (apparently this focus problem only occurs on Chrome + macOS for some reason)

Instead the correct code would be:

navigator.clipboard.writeText(JSON.stringify(exportGOOD(dbStorage)))
  .then(() => alert("Copied database to clipboard."))
  .catch(console.error)

So the alert is only shown once the clipboard has been written to successfully.