Aphrodi

Eu estou usando a função onclick no javascript dessa forma: $("#items").append(` <div onclick="selectItem(this)" data-name="${element.name}" data-amount="${element.amount}" data-idname="${element.idname}" style="background-image: url('assets/icons/${element.icon}'); background-size: 80px 80px;"> <span class="fan_item_topo"> <p class="amount">${element.amount}x</p> <p class="peso">${element.peso} kg</p> </span> <p class="name">${element.name}</p> </div> `); e a função: function selectItem(element) { itemName = element.dataset.name; itemAmount = element.dataset.amount; itemIdname = element.dataset.idname; $("#items div").css("background-color", "rgba(0,0,0,0.5)"); $("#items div").css("border", "1px solid rgba(0, 0, 0, 0.2)"); $("#items div").css("animation", "none"); $(element).css("animation", "shadow-pulse 1s infinite"); $(element).css("background-color", "rgba(59, 43, 97, 0.8)"); $(element).css("border", "1px solid rgb(59, 43, 97)"); } meu problema é, quando o element atualiza ele reseta o que foi "selecionado", teria alguma forma de não resetar?

Você pode usar max-height no lugar de height assim determina um máximo apenas da imagem e ela não ficará esticada.