Custom Captcha is at the bottom of the page

[deadlysnek]

Describe the bug
Cloudflare Turnstile is at the bottom of the page, requiring the user to scroll down.

To Reproduce
Steps to reproduce the behavior:

1. Add a Captcha stage to the login flow
2. Attempt to login

Expected behavior
The Captcha should be displayed in the same location as the username / password fields.

Screenshots

Logs
N/A

Version and Deployment:

• authentik version: 2024.2
• Deployment: docker compose

[franciscomfcmaia]

Did you find a solution for this?

[BeryJu]

While looking into fixing this, there's an issue with the Turnstile script not support shadow dom, which is what we're using for our frontend. Hence it's not possible to render the challenge within the login box.

For other captchas this can be worked around by rendering them with the "invisible" option, which can be passed as a rendering option for other captchas, however for turnstile this has to be configured in the cloudflare admin dashboard