Add workaround for reauth modal immediately closing in Firefox

[adamwoodnz]

Fixes #180

This PR introduces the workaround mentioned on WordPress/gutenberg#40912, which is to add shouldCloseOnClickOutside={ false } to the modal component, stopping the focus event in the iframe from closing the modal.

The downside is that clicking the modal background will not close the modal anymore, but the close button still works.

Testing

Ensure you use Firefox and other browsers.

To force the modal to popup on the TOTP screen you can modify the script.js condition to something like

else if ( twoFactorRequiredScreens.includes( screen ) ) {
    ...

[dd32]

The downside is that clicking the modal background will not close the modal anymore, but the close button still works.

IMHO I think this is a reasonable trade off, if/when the Gutenberg issue is resolved we can re-evaluate it.

[dd32]

Tested with:

• Safari 16.2
• Firefox 114b8 (Beta)
• Chrome 110 (Outdated)

Works for me, There's some differences between them like ESC works differently, sometimes it works until you focus into the iframe, etc.. but overall, it feels like things work as expected.

[adamwoodnz]

Looks like a fix for the Gutenberg issue was merged and will be released in v16.9