Can't escape from iFrame or navigate up to the close button using tab key navigation on Firefox

[Vaseltior]

For example, you could use your own demo page with firexfox. Click on the iFrame/Youtube demo. Then, use the tab key to navigate through the different elements of the iframe. The "close" element can not be reached. However, it does on Chrome, IE, Safari. Do you have any clue?

[aik099]

There is trapFocus setting (see https://github.com/jackmoore/colorbox/blob/master/jquery.colorbox.js#L71), which according to it's name is related to what you seek.

[Vaseltior]

Ok, great! Thx a lot. I'll try this option.

[jackmoore]

Weird. @Vaseltior, I am able to reproduce the problem you are having. I was skeptical that trapFocus would have any impact, but setting it to false does allow the close button to be focusable again. I don't have any explanation for that right now.

[Vaseltior]

@jackmoore weird indeed. It doesn't seem to work for me. I saw that using /v/ instead of /embed/ in the youtube video on chrome creates a similar behavior that the one I'm trying to prevent on FF (yellow border boxes when tabbing). Nevertheless, using /embed/ on FF and setting trapFocus to false doesn't fix anything for me. What code did you use to make it work?

[Vaseltior]

@jackmoore I tried what you did. With your example page, by pasting the source code of your example page locally and setting the trapFocus to false, but this doesn't either work. How did you make it work, please.

[Rasta00]

@Vaseltior, did you ever figure this one out? I'm grappling with it at the moment and am getting nowhere. Thanks!

[ghost]

Same here.