Expected behavior

I am expecting to see the tooltip to popup only when the reference element is onhover.

Actual behavior

What happens is that when we hover the tooltip position (where it will appear) the hover is triggered.

What I did to solve this was to create a custom component:

<template>
<mdb-tooltip
    v-bind="$attrs"
    v-on="$listeners"
>
    <slot name="tip" slot="tip"></slot>
    <slot name="reference" slot="reference"></slot>
</mdb-tooltip>
</template>

<script>
  import { mdbTooltip } from 'mdbvue';

  export default {
    inheritAttrs: false,
    name:"CustomMdbTooltip",
    components: {
      mdbTooltip
    }
  }
</script>

<style scoped>
  ::v-deep .tooltip {
      z-index: -1;
  }
  ::v-deep .show .tooltip {
      z-index: 10000;
  }
</style>