b-popover click blur trigger not closing popover on next click

This issue is reproducible in the bootstrap vue playground https://bootstrap-vue.org/play

by pasting the following code block in the template section

<div>
  <a style="cursor: pointer; border: 1px solid black; padding: 5px;" title="Additional Actions" id="moreActions">
    <span>Click for actions</span>
  </a>
  <b-popover target="moreActions" triggers="click blur" placement="bottom">
    <div>
      <a style="cursor: pointer;" title="Test">Test</a>
    </div>
  </b-popover>
</div>

with the triggers=“click blur” property set, documentation reads as though it should close the popover when you click in the whitespace

[tmorehouse]

@jwells967 The main issue is that in he example you have the <a> without an href, so it is not an interactive element by default and cannot receive focus when it is clicked (click blur relies on the fact that the clicked element becomes the document active element and can therefore be blurred).

Either switch to an interactive element, like <button> or <a href="#">, or add a tabindex="0" (or -1) to the non-interactive element so that it is able to receive focus when clicked and will subsequently be able to be blurred when clicking elsewhere.

[jwells967]

the playground is using the correct version and css and still the issue appears there.

should the documentation be altered?