Last example on demo website is not working on Firefox

Steps to reproduce:

1. Open Firefox (I used version 82)
2. Go to http://focus-trap.github.io/focus-trap-react/demo/
3. Open the last example
4. Press tab multiple times, notice that Another focusable thing is never get focused

Expected: Another focusable thing should be focus-able

Actual: This issue found on Firefox 82 (haven’t tested on previous versions), but working as expected on Chrome. There are probably other examples in the demo website which are also not working correctly, I just highlighted the last example.

[stefcameron]

@dannysindra Thanks for reporting this! I checked it with Firefox 83 and it seems to be working fine. In case this was related to an old bug in the code 2 years ago (the last time the demo page was updated – I took over as maintainer only last July and still catching-up), I just updated the demo page with fresh code, as well as 2 new demos, so the one you’re referring to here is now the 3rd demo from the end.

Would you be able to check it out again and LMK if there’s still an issue?

[dannysindra]

I was checking out other libraries, and found this explanation about firefox/safari quirk on OSX. Closing this as it is not the library’s issue.