UITooltip doesn't work inside some VueComponents

I tried to add a <ui-tooltip> to a <ui-button> like so:

<ui-button ref="edit-btn">
  Edit
  <ui-tooltip trigger="edit-btn">
    Select an element to edit
  </ui-tooltip>
</ui-button>

And get an error:

Tooltip Error: You must provide a target for Tooltip to attach to

The problem is in UiTooltip.vue:

The initialize() method creates a new Tooltip object, passing this.$parent.$refs[this.trigger], as the target. However, the UiButton template wraps the content of the button in a div, so this.$parent is that wrapper div, and not the root element containing the ref value.

This is my workaround for now:

<div ref="edit-btn">
  <ui-button>
    Edit
  </ui-button>
  <ui-tooltip trigger="edit-btn">
    Select an element to edit
  </ui-tooltip>
</div>

[lavezzi1]

UiTooltip doesn’t work inside Ui-Tabs and v-for

[JosephusPaye]

Released in v1.1.0.