Bootstrap Popover Bug With Focus Trigger Undismissible On Ios/safari

I've implemented a dismissible popover on a

Solution 1:

You could use a <a> element and make it submit your form. Thus, you will follow the recommendation of bootstrap.

<a href="javascript:void(0)" onclick="document.getElementById('mc-embedded-subscribe-form').submit(); return false;" role="button" tabindex="0" data-placement="top" data-toggle="popover" data-trigger="hover" title="placeholder text" data-content="placholder text"type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe"class="btn btn-block btn-success marg-bot-20">Subscribe to BestHotTubUpdates <i class="fa fa-envelope"></i></a>

Nevertheless, the real issue is probably about iOS and the bootstrap's popover with data-trigger="focus", because if you take a look at the bootstrap sample ( http://getbootstrap.com/javascript/#dismiss-on-next-click ), it doesn't work for iOS even on their page