Bootstrapのpopover内でaタグを機能させたい

Question

前提・実現したいこと

inputタグの文字入力箇所がフォーカスされた時にbootstrapで作ったポップオーバーが出ます。
そのポップオーバーの中にaタグでリンクを置いているのですがクリックしても画面遷移しません。
どうすればaタグが機能するようになるのでしょうか。

該当のソースコード

<input type="text" class="message" ...

$('.message')
  .popover(
      {
          trigger: 'click',
          placement: 'top',
          html: 'true',
          title: 'messageのタイトル',
          content: "表示したいメッセージは<a href='リンク先'>ここ</a>です。"
      }
  );

実際の画像↓

補足情報

aタグのhref属性は正しいもので他の場所におけばきちんと機能するのですが、ポップオーバー内に置くとクリックしても何も起きません。
カーソルを合わせるとpointerに変化するためaタグとして認識はされているようです。

Answer 1

popoverメソッドのhtmlプロパティには、文字列('true')ではなく真偽値（括弧なしのtrue）を渡す必要があるようです。
（参考：Popovers - Bootstrap 4.5 - 日本語リファレンス）

Javascriptを下記のように変更することで、私の手元では動作しました。

$(".message").popover({
  trigger: "click",
  placement: "top",
  html: true,
  title: "messageのタイトル",
  content: "表示したいメッセージは<a href='リンク先'>ここ</a>です。",
});

Comments

[da_ast]

自分も新たにファイルを作り、同じように html: true にしたら動作することが確認できました。
しかし問題のファイルにおいては変わらずaタグが機能していない状態なので、他の箇所で当該部分に影響しているところがありそうです。
解決に一つ近づけました！ありがとうございました。