@click.capture is not working for me.

[heppa]

Dear all,

I have a relatively simple code and I would like to have the event trigger only on the parent (or the element I actually put the @click on):
To my understanding, capture should "start top-down" instead of the default bottom-up (bubbling).

<template>
<button @click.capture.stop="callFunction">
  <div id="child"></div> 
</button>
</template>

<script setup>
function callFunction (event) {
  console.log(event.target) // This will always be the child div.
}
<script>

Is this normal, am I missing something or is the capture buggy?

(checked in latest chrome and firefox)