<div @mouseover="mouseOver">
<mdb-tooltip sm trigger="hover" :class="tooltipClass">
</mdb-tooltip>

data() {
return {
  timer: null,
  tooltipClass: "btn-tooltip"
};  },

methods: {
mouseOver() {
  if (this.timer) {
    clearTimeout(this.timer);
    this.timer = null;
    this.tooltipClass = "btn-tooltip";
  }
  this.timer = setTimeout(() => {
    this.tooltipClass = "";
  }, 1000);
}

.btn-tooltip /deep/ .tooltip {  visibility: hidden;}

Mikołaj Smoleński staff commented 3 years ago

Thank you for sending your solution. It can be very useful for our other users.

Best regards

<p>Thank you for sending your solution. It can be very useful for our other users. </p> <p>Best regards</p>

Please insert min. 15 characters.

Publish

---

lyahim free commented 3 years ago

Dear Mikolaj!

Is it possible to create a new change request to add this feature?

Thank you, Mihaly

<p>Dear Mikolaj!</p> <p>Is it possible to create a new change request to add this feature?</p> <p>Thank you, Mihaly</p>

Please insert min. 15 characters.

Publish

---

Magdalena Dembna staff commented 3 years ago

I will add this to our feature request list. Best regards, Magdalena

<p>I will add this to our feature request list. Best regards, Magdalena</p>

Please insert min. 15 characters.

Publish

---