Event does not trigger in child element(s) of buttons

[imc786]

Describe the Bug

When using a button, data-umami-event does not trigger on children elements inside the button. Using Tailwind's p-8 to provide a chunk of padding, and bg-slate-800 is to recognise the padded text:

<button href="#" data-umami-event="test">
  <span className="bg-slate-800 p-8">Test</span>
</button>

With the code above, when you click on the text/padding, the event does not trigger. If you click the button outside the padding, the event triggers.

<button href="#" data-umami-event="test">
  <span className="bg-slate-800 p-8" data-umami-event="test-inside">Test</span>
</button>

With the code above, if you set an additional event tag, clicking the text/padding will trigger that event (test-inside).

<Link href="#" data-umami-event="test">
  <span className="bg-slate-800 p-8">Test</span>
</Link>

The expected behaviour should be the same as for normal <a> or <Link> component, where clicking the text/padding triggers the test event. The issue is that when using an external component library such as Flowbite React, it creates the child span element without the ability to pass data-umami-event to the children, which causes the event to not fire.

Database

Umami Cloud

Relevant log output

No response

Which browser are you using? (if relevant)

No response

How are you deploying your application? (if relevant)

No response

[Maxime-J]

It's a known bug #2471, already fixed in dev and that will most likely be fixed in the next release.

[imc786]

Thank you, hadn't noticed the open issue!