Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Duplo click deveria estar deletando <thead> também?

Ao fim de meu projeto, percebi que o remove no dclick está entrando tbm no thead, removendo-o como se fosse um paciente.

Minha dúvida é:

Não corrigimos esse bug no curso? Ou eu que estou bobeando?

Obrigado!

1 resposta
solução!

Posta seu código aqui pra gente poder te ajudar melhor.

Observando aqui, dá pra ver que o evento de clique duplo, foi colocado no corpo da tabela, mas o evento, considera o ponto do clique.

event.target.parentNode.classList.add("fadeOut");

event.target, pega o ponto clicado (no caso uma colua) <td>. Para poder remover a linha, é selecionado o elemento pai do <td>, no caso <tr>, é utilizado event.target.parentNode. no final, a função fica assim:

var tabela = document.querySelector("#tabela-pacientes");
tabela.addEventListener("dblclick", function(event) {
    event.target.parentNode.classList.add("fadeOut");
    console.log(event.target.parentNode);

    setTimeout(function() {
        event.target.parentNode.remove();
    }, 500);

});