Offset option doesn't do anything? about floating-vue

[dimensi]

yes, now it's work. Thx

[yowzadave]

@ivansieder thanks for the suggestions. After some exploration, I was able to identify the problematic style rule: a grandparent div had the rule overflow-y:hidden; applied, which for some reason keeps the tooltip from being correctly positioned.

[ivansieder]

That's on purpose, as the plugin is made to prevent being positioned in overflows. (That's the preventOverflow property of popper.js)

[OwenMelbz]

Ive also been struggling to get this to work.

Even tried using

Vue.use(Tooltip, {
    defaultOffset: 200
});

with no luck

[Akryum]

This is an issue with tooltip.js. I'll make a PR. In the meantime, I fixed this inside v-tooltip in the rc.2 release.

[dimensi]

@Akryum DefaultOffset not work anyway

[Akryum]

@edDimensi Could you try again with the latest release?

[yowzadave]

I'm experiencing what seems to be a similar problem? My tooltip is always located directly on top of my button element; changing the `offset` property has no effect on its location. I'm placing the tooltip like so:

<button :class="{active}"
:disabled="disabled"
class="w-8 h-8 flex items-center justify-center"
v-tooltip.bottom="{content: feature.displayName, offset: 100}"
@click="handleClick">

[ivansieder]

@yowzadave I have tried using your code in an app and it works as expected. Are you using the latest version of the plugin? Are you sure you're not overwriting the positioning of the tooltip with some custom css/js? Do you have any complete code example to test this with? Because right now I can't reproduce this issue.

[yowzadave]

Thank you!