Does not work with html native dialog elements

[lampsbr]

Hi, I was trying to run my own native dialog-based element in a vuejs 2.x app. Just found out neither the directive or the mixin works if put in a

element. Also tried wrapping like this: <div v-on-clickaway="close"><dialog /></div> But this also failed. I could make it work with this syntax: <dialog><div class="innerWrapper" v-on-clickaway="close"><content tags /></div></dialog>

It is fine for my use case, but if someone else is facing the same issue, here's a possible fix. Also please mark me if there are better solutions for this =]