O JS do clique do X precisa primeiro remover a class vtex-front-messages-placeholder-opened do placeholder e ai só depois limpar os elementos no DOM. A troca da classe está fazendo a transição automaticamente via CSS. Hoje a função está removendo do DOM os itens da lista ao mesmo tempo que remove a classe vtex-front-messages-placeholder-opened do placeholder. Isso faz com que só o botão X faça a transição de sair da tela, com o placeholder vazio.
E parece que o tempo da remoção de um item de mensagem está maior que a transição de CSS que criei.
O JS do clique do X precisa primeiro remover a class
vtex-front-messages-placeholder-openeddo placeholder e ai só depois limpar os elementos no DOM. A troca da classe está fazendo a transição automaticamente via CSS. Hoje a função está removendo do DOM os itens da lista ao mesmo tempo que remove a classevtex-front-messages-placeholder-openeddo placeholder. Isso faz com que só o botão X faça a transição de sair da tela, com o placeholder vazio.E parece que o tempo da remoção de um item de mensagem está maior que a transição de CSS que criei.