Bom dia pessoal,
estou desenvolvendo a vitrine da página de resultados de busca e ali nos cards de produto precisamos implementar um “button” de copiar o cupom. Então olhando para a estrutura HTML temos uma “anchor tag” que envolve todo o card de produto para que quando clicarmos nele direcione o produto e temos um “button” que é descendente da tag “”.
<a href=".../p">
...
<button></button>
</a>
Por padrão da DOM, era de se esperar que ao clicar no “button” ele dispare a função dele e, caso eu não use o “stopPropagation”, em seguida faça o redirecionamento da tag “”. Esse é o comportamento padrão. Entretanto, esse componente nativo VTEX o comportamento é justamente o inver: primeiro ele disparo o evento “” para depois disparar o “button”.
Vocês saberiam me dizer o porque isso acontece e como posso evitá-lo?