Bootstrap Popover: iOS Safari strange behaviour

1
votes

I am looking through the Twitter Bootstrap documentation, and I'm interested in implementing a dismissible popover when a button is clicked. Here is the example from bootstrap's docs:

http://getbootstrap.com/javascript/#dismiss-on-next-click

When I press the "Dismissible Popover" button from my OS X Safari browser it works fine. But when I access the same link above from iOS Safari, the button does not work. That is, the popover is not dismissed on click.

Why is this button not working with iOS Safari?

1
javascriptjqueryiostwitter-bootstrap
Is this a duplicate of stackoverflow.com/questions/30626171/…? There is a potential workaround for being unable to dismiss a popup there. – natevw

1 Answers

0
votes

The example you linked to is using the data-trigger="focus" attribute. Try changing it to data-trigger="click".

<a tabindex="0" class="btn btn-lg btn-danger" role="button" data-toggle="popover" data-trigger="click" title="Dismissible popover" data-content="And here's some amazing content. It's very engaging. Right?">Dismissible popover</a>