What is actually happening?

When we use ATooltip within an HTML tag, its triggering area becomes the current component instead of the current HTML tag. Here's an example:

<div class="flex flex-wrap gap-4">
  <ABtn>
    <ATooltip text="Hello!" />
    Hover Over Me
  </ABtn>

  <div>
    <ATooltip text="Hi!Anu"></ATooltip>
    Anu
  </div>
</div>

When the mouse moves over the entire outer div area, it triggers the appearance of the Tooltip

What is Expected?

It will only be triggered by its wrapping element.