Popover with `data-trigger="focus"` does not work on iOS Safari when used on <a> without `class="btn"`
Created by: MrOrz
After #11788 (closed) and #14156 the popover with data-trigger="focus"
is working very well. However, there is a super weird bug that only happens in iOS safari.
Consider the following 2 <a>
, the only difference between them is class="btn"
.
<a tabindex="0" role="button" data-toggle="popover" data-trigger="focus"
class="btn"
data-content="...">
Popover anchor w/ class 'btn'
</a>
<a tabindex="1" role="button" data-toggle="popover" data-trigger="focus"
data-content="...">
Popover anchor w/o class 'btn'
</a>
The problem is, popover works fine for the first <a>
, but not the second.
Hope the recording below will help better illustrating the problem:
Demo Plunker: http://embed.plnkr.co/M0NIAPtXOet8ppl2dShP/preview
(Please open using iPhone or iOS simulator. OSX Chrome, Android Chrome, OSX Safari, OSX Firefox works perfectly on both <a>
s.)
It seems that the focus event is somehow not triggered in iOS Safari. When I put a breakpoint in the focus event callback, the first <a>
invokes the callback as expected while the second <a>
does not.
No idea why this happens ._.