See full code and play with it here: https://plnkr.co/edit/qJ7eiJewb0hmj8wF?open=lib%2Fscript.js&preview
Pseudo code:
<div parent focusable>
<iframe>
#document
<input textbox>
</iframe>
</div>
Click to focus to the textbox, then Shift+Tab
- In Chrome: the focus is moved directly from the
textboxto theparent - In Firefox: the focus is moved from the
textboxto theiframe, you will have toShift+Taba second time to move the focus to theparent
Question: How to replicate the same behavior Shift+Tab of Chrome in Firefox?
I can replicate the behaviour of Tab of Chrome in Firefox but I'm unable to replicate the behaviour of Shift+Tab
because no focus event is fired when the focus moved to the iframe (in case of Shift+Tab).
Note: Paypal solved this problem in their payment forms:
https://codepen.io/braintree/pen/ZWPpPG
but I'm unable to find out where did they do the magic