Cannot reliably dismiss data-trigger="focus" popover in Mobile Safari / iOS

[natevw]

A popover with data-trigger="focus" like the following, cannot be dismissed on iOS without clicking on another focusable element (e.g. button/link):

<a tabindex="0" class="btn btn-lg btn-danger" role="button" data-toggle="popover" data-trigger="focus" title="Dismissible popover" data-content="Popup content">Dismissible popover</a>

Try it via the documentation demo itself for Dismiss on next click where this code sample was taken. This is probably related to #7819 but in the case of popovers, the workaround there ("you have to tap the dropdown again in mobile") does not work.

Ideally, it should be possible to dismiss such a popover by just tapping anywhere else on the page as you can in other browsers. It seems that Mobile Safari might not "unleash" focus on an element quite so easily though.

[natevw]

This is also reported at least a couple times on Stack Overflow:

• Bootstrap Popover bug with focus trigger undismissible on iOS/Safari
• Bootstrap Popover Dismiss on Click: Works fine in desktop browser but not in mobile browser

[cvrebert]

Approximate duplicate of #16028