Bootstrap PopOver Plugin in focus mode is not available in the Safari browser bug solution

Objective

Recently in the use of Bootstrap's PopOver plugin, the effect is as follows:

The PopOver plugin's focus mode is displayed when a floating layer pops up when the button is clicked, hiding the floating layer from any point outside the floating layer.

However, there is no way to eject the floating layer in the Safari browser under Mac, the bug causes unknown, and so is the official demo.

Solution Solutions

Finally, a solution is found, which is simply to bind the mouse event to the button and then manually trigger the DOM's focus event, which also triggers the PopOver plugin's display event.

var $btn =$ (". btn"); $btn. MouseUp (function() {    $btn. focus ();}) $btn. PopOver ({    "",    placement:"Bottom",    "xxxxxxxxxxxx",    Trigger: "Focus",    HTML:True,});

Bootstrap PopOver Plugin in focus mode is not available in the Safari browser bug solution