[Bug] Erro não indentificado.

Salve, Eduardo!

Seu código tá bem diferente, então deixa eu confirmar se eu entendi a sua dúvida. Você está falando desse trecho de código, certo?

document.addEventListener('focoFinalizado', () => {
    if (tarefaSelecionada && liTarefaSelecionada) {
        liTarefaSelecionada.classList.remove('.add-list-box-active');
        tarefaSelecionada.completo = true;
        liTarefaSelecionada.classList.add('add-list-box-complete');
        AtualizarTarefa();
    }
})

E a classe que você quer remover é a add-list-box-active, certo? Repara que no seu código tem um ponto final exatamente antes do nome da classe: liTarefaSelecionada.classList.remove('.add-list-box-active');

Temos que remover ele. O método remove não espera receber um seletor, e sim o nome mesmo da classe. O código corrigido fica assim:

document.addEventListener('focoFinalizado', () => {
    if (tarefaSelecionada && liTarefaSelecionada) {
        liTarefaSelecionada.classList.remove('add-list-box-active'); // aqui que eu mexi, removi o ponto final
        tarefaSelecionada.completo = true;
        liTarefaSelecionada.classList.add('add-list-box-complete');
        AtualizarTarefa();
    }
})

Era isso? Me diz depois ;)

Muito obrigado pela resposta Instrutor Vinicius! não acredito que errei algo tão simples quanto um ponto, obrigado pela paciência e auxilio kkkk