Fiz um gerador de senhas simples com html css e js, fiz uma função para copiar a minha senha onclick, porem ele me da um erro no console do navegador ao copiar a senha
(Uncaught (in promise) DOMException: Document is not focused.)
Já entendi que é por causa do alert("Senha copiada com sucesso!"), se eu retirar essa parte do código para de ocasionar o erro, mas queria continuar com meu alert, alguém sabe como posso resolver? vou deixar a baixo a parte do código que esta dando o erro.
HTML
<div id="container-password" onclick="copy()" class="container-password hide">
<span class="title">Sua senha gerada foi:</span>
<span id="password" class="password"></span>
<span class="tooltip">Clique na senha para copiar. 👆</span>
</div>
JS
function copy(){
alert("Senha copiada com sucesso!")
navigator.clipboard.writeText(novaSenha);
}
Alguem saberia me explicar como remover esse problema e continuar com meu alert? Grato.