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 =]