When the parent element contains the 【overflow: auto;】 property, I got a bug!

[zym-mcarlo]

When setting the tooltip element, its parent element has overflow: auto; Property, and the height of the parent element is less than 50px，The tooltip box is overlaying the element.

[MiniGab]

I had the same issue and found the solution on the popper.js github : floating-ui/floating-ui#248

Here it's what my code looks like :

<div 
  v-tooltip.right-start="{
    content: 'hello world',
    popperOptions: {
      modifiers: {
        preventOverflow: {
          boundariesElement: 'offsetParent',
        },
      },
    },
  }"
/>

[ghost]

@MiniGab nice one, but it seems to impact the responsiveness

[ghost]

I guess you have to choose between the two :)