Modal Message Box Confirm HTML in Title

Thanks for adding the new beta modal plugin!! From what I am reading in the Docs, it is supported to pass the titleHtml property as an option to the this.$bvModal.msgBoxConfirm() service. However, it does not seem to be working to pass HTML to the titleHtml property as an option.

Code Example

const title = '<span class="text-info">Warning, This Is An HTML Title</span>';
const message = 'Some message...;
const response = await this.$bvModal.msgBoxConfirm(message, {
          titleHtml: title,
          noFade: true,
        });

Expected behavior

Expected to see the title parsed as HTML with the span element and class. Actually seeing the HTML passed directly to the title, as seen in the attached screenshot.

Versions

Libraries:

• BootstrapVue: 2.0.0-rc.22
• Bootstrap: 4.3.1
• Vue: 2.6.10

Environment:

• Device: Mac
• OS: Mojave 10.14.5
• Browser: Chrome
• Version: 75.0.3770.80

[tmorehouse]

As an interim workaround you can pass an array of vNodes like so:

const title = this.$createElement(
  'span',
  { class: ['text-info'] },
  'Warning, This Is An HTML Title'
);
const message = 'Some message...;
const response = await this.$bvModal.msgBoxConfirm(message, {
  title: [title], // must pass as an array
  noFade: true,
});

The message can also be passed as an array of vNode(s).

[tmorehouse]

Thanks for finding this… we should be able to get this fixed for the next rc release.