[BUG] html dialog element is covering up invisible recaptcha challenge popup. how to fix this?

[adamchenwei]

https://codepen.io/adamchenwei/pen/agbPYJ To reproduce: In above example, access the example in incognito mode, click "open" button to open the sample signin form, then click "Sign Up" button to trigger the challenge. I am not sure if its a not fixable problem with using recaptcha inside dialog or its more of a fixable thing with some sort of hack of css and html? Tried z-index on the dialog, that did not work at all..

As well as an SO, whoever interested to solve it. https://stackoverflow.com/questions/56544906/html-dialog-element-is-covering-up-invisible-recaptcha-challenge-popup-how-to-f

[Akxe]

Is anyone solving this? Or is there any way around it?

[gorants]

Any update on this? We are having the same issue.

[alonseg]

same issue... no way to get it to work with a dialog element

[soldt]

As a temporary workaround we're opening the dialog with show(), instead of showModal()

[alanor87]

The same issue.. have to fallback to building the modal window on div basis rather than dialog.. thats a bumer - only problem is reCaptcha.

[Cedric-ruiu]

Same issue with showModal() ...