Tooltip and popover not adjusted according to non-text inner element

[tlylt]

Please confirm that you have searched existing issues in the repo

Yes, I have searched the existing issues

Any related issues?

No response

Tell us about your environment

Windows 10

MarkBind version

4.0.2

What did you do? Describe the bug

*Check out the examples in https://markbind.org/userGuide/components/popups.html#tooltips

The examples that are given wrap over non-text element (button). When used this way, the tail of the tooltip/popover does not entirely respect the boundary of a button.

• For the left and the right placement, it's not obvious and it looks like the tail just nicely touches the end of the button.
• For the top and button placement, it can be seen that the tail intrudes into the button boundary

Currently:

Perhaps ideally:

Steps to reproduce

No response

Expected behavior

No response

Actual behavior

No response

Anything else?

• It seems like the tooltip/popover are working fine for text content.
• Since we are using https://floating-vue.starpad.dev/ , maybe there's something that we can do by tweaking/checking the source component

[ang-zeyu]

I think this is the same issue as #1231