Странная вещь, повесил клик на div, он срабатывает на всем

Question

Странная вещь, повесил клик на div, он срабатывает на всем

кроме тега < i > с чего бы это могло быть?
.roles(v-else, v-click-outside="closeRoles")
.avatar(
v-for="r in roles",
@click="selectRole(r)",
:class="rolesOpen ? '' : r.active ? '' : 'hidden'"
)
.photo
.img(:style="'background-image: url(/' + (r.name == 'CLIENT' ? photoUrl : r.photoUrl) + ');'")
.first-info
.name {{r.name == 'CLIENT' ? name : r.provider_info.fullname}}
.whois {{r.name == 'CLIENT' ? phone : r.title_ru}}
i.fa.fa-angle-down(v-if="!rolesOpen") // click по родителю не срабатыет