How do I make Popover not hide when hovering?

[AeShevch]

Greetings!
Please help me understand.
How to make Popover not be removed when you hover over it?
I want to add a link inside it.

Bootstrap v5.0.0-alpha1

const popoverTriggerNodeList = document.querySelectorAll(
    '[data-bs-toggle="popover"]'
  );
  popoverTriggerNodeList.forEach(
    (popoverTriggerEl) =>
      new Popover(popoverTriggerEl, {
        container: popoverTriggerEl,
        html: true,
        trigger: "hover"
      })
  );

<button data-bs-toggle="popover"
             data-trigger="hover"
             title="Popover title"
             data-bs-content="And here's some amazing content. It's very engaging. Right?">
       Tooltip
</button>

[florianlacreuse]

As far as I know, it's not possible. You can use the default click trigger option to keep the popover open, but the behavior is different.

See : #24290 / #28411 (and #28446)

Let's hope one day we will be able to do it.

[AeShevch]

Thnx for your answer. I made a crutch:
Instead of the hover, I call the tooltip on focus, which I trigger on mouseenter and remove on mouseleave.
Terrible solution, but working...

import { Popover } from "bootstrap";

const POPOVER_CONFIG = {
  html: true,
  placement: `top`,
};

export default class Tooltip {
  constructor() {
    this._popoverTriggerNodeList = document.querySelectorAll(
      '[data-bs-toggle="popover"]'
    );
  }

  _onTooltipTriggerMouseenter(evt, tooltipInstance) {
    const tooltipToggleElement = evt.target;
    tooltipToggleElement.focus();

    tooltipToggleElement.addEventListener(
      `mouseleave`,
      (evt) => {
        this._hideTooltip(evt, tooltipInstance, tooltipToggleElement);
      },
      { once: true }
    );

    tooltipInstance.tip.addEventListener(`mouseleave`, (evt) =>
      this._hideTooltip(evt, tooltipInstance, tooltipToggleElement)
    );
  };

  _hideTooltip(evt, tooltipInstance, tooltipToggleElement) {
    if (evt.relatedTarget !== tooltipInstance.element) {
      tooltipToggleElement.blur();
    }
  }

  init() {
    this._popoverTriggerNodeList.forEach((popoverTriggerEl) => {
      const tooltipInstance = new Popover(popoverTriggerEl, {
        container: popoverTriggerEl,
        ...POPOVER_CONFIG,
      });

      popoverTriggerEl.addEventListener(
        `mouseenter`,
        (evt) => this._onTooltipTriggerMouseenter(evt, tooltipInstance)
      );
    });
  }
}