Unable to Click Cloudflare Turnstile Captcha #3995

Khald1998 · 2025-09-30T18:11:29Z

Khald1998
Sep 30, 2025

I'm trying to automate interaction with Microsoft Copilot, but I'm unable to click the Cloudflare Turnstile captcha that appears. The captcha is embedded within a shadow DOM, and my current approach using sb.cdp.gui_click_element('#cf-turnstile div') isn't working.

My code:

from seleniumbase import SB

def generate_response(prompt):
    with SB(uc=True) as sb:
        url = "https://copilot.microsoft.com/"
        sb.activate_cdp_mode(url)
        
        # Handle initial 
        combined_selector = (
            'button[data-testid="chat-mode-switcher"], '
            'button[data-testid="composer-chat-mode-quick-button"]'
        )
        sb.cdp.wait_for_element_visible(combined_selector, timeout=30)
        sb.cdp.click_if_visible(combined_selector)
        sb.cdp.wait_for_element_visible('button[title="Think Deeper"]', timeout=30)
        sb.cdp.click_if_visible('button[title="Think Deeper"]')
        
        # Find prompt area and type
        prompt_area = "textarea#userInput"
        sb.wait_for_element(prompt_area, timeout=30)
        sb.cdp.wait_for_element_visible(prompt_area, timeout=30)
        sb.cdp.set_value(prompt_area, prompt)
        sb.cdp.press_keys(prompt_area, " ")
        sb.click('button[aria-label="Submit message"]')
        
        # Handle captcha and wait
        sb.sleep(2)
        sb.cdp.gui_click_element('#cf-turnstile div')
        sb.sleep(120)
        
        return None, None

generate_response("Test")

Captch HTML code

<div id="cf-turnstile" class="flex-1 flex items-center justify-center" data-theme="dark"> flex
    #shadow-root (closed)
    <iframe src="https://challenges.cloudflare.com/cdn-cgi/challenge-platform/h/b/turnstile/0x4AAAAAAAPuXR146JYPnM7e/dark/rb/auto" allow="cross-origin-isolated; fullscreen; autoplay" sandbox="allow-same-origin allow-scripts allow-popups" id="cf-chl-widget-hwbkx" tabindex="0" title="Widget containing a Cloudflare security challenge" style="border: none; overflow: hidden; width: 300px; height: 65px;">
        #document (https://challenges.cloudflare.com/cdn-cgi/challenge-platform/h/b/turnstile/2/rad/rcb/hwbkx/0x4AAAAAAAPuXR146JYPnM7e/dark/rb/auto)
        <!DOCTYPE html>
        <html lang="en-US" dir="ltr">
            <head>…</head>
            <body>
                #shadow-root (closed)
                <style>…</style>
                <div class="main-wrapper " yfUH8 offlabel theme-dark size-normal lang-en-us">
                    <div id="content" aria-live="polite" aria-atomic="true" style="display: flex;"> flex </div>
                    <div id="KJHX" style="display: grid;"> grid
                        <div class="cb-c" role="alert" style="display: flex;"> flex
                            <label class="cb-lb"> grid
                                <input type="checkbox">
                                <span class="cb-ch"></span>
                                <span class="cb-lb-t">Verify you are human</span> flex
                            </label>
                        </div>
                    </div>
                    <div id="verifying" class="cb-container" style="display: none; visibility: hidden;">…</div>
                    <div id="success" class="cb-container" role="alert" style="display: none;">…</div>
                    <div id="fail" class="cb-container" role="alert" style="display: none;">…</div>
                    <div id="expired" class="cb-container" role="alert" style="display: none;">…</div>
                    <div id="timeout" class="cb-container" role="alert" style="display: none;">…</div>
                    <div id="challenge-error" class="cb-container error-message-wrapper" role="alert" style="display: none;">…</div>
                    <div id="branding">…</div> flex
                </div>
                <iframe width="0" height="0" src="blob:https://challenges.cloudflare.com/7cea0711-960b-407a-9f95-0dfac9a3af30" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden; display: none;"></iframe>
            </body>
        </html>
    </iframe>
    <input type="hidden" name="cf-turnstile-response" id="cf-chl-widget-hwbkx_response" value>
</div>

Image for ref:

sb.cdp.gui_click_element('#cf-turnstile div') does not work on clicking the captcha, even though on CF Turnstiles, I use the parent selector that appears above the #shadow-root element, as shown in your example on the doc.

Answered by mdmintz

Oct 1, 2025

First, you should upgrade to 4.41.11 (or newer if available).
And then run SeleniumBase/examples/cdp_mode/raw_copilot.py.
It's a test that runs on the Copilot website, and it's working for me.

View full answer

mdmintz · 2025-10-01T06:08:56Z

mdmintz
Oct 1, 2025
Maintainer

First, you should upgrade to 4.41.11 (or newer if available).
And then run SeleniumBase/examples/cdp_mode/raw_copilot.py.
It's a test that runs on the Copilot website, and it's working for me.

0 replies

Navigation Menu

Uh oh!

Uh oh!

Unable to Click Cloudflare Turnstile Captcha #3995

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Uh oh!

Unable to Click Cloudflare Turnstile Captcha #3995

Uh oh!

Uh oh!

Khald1998 Sep 30, 2025

Replies: 1 comment

Uh oh!

mdmintz Oct 1, 2025 Maintainer

Khald1998
Sep 30, 2025

mdmintz
Oct 1, 2025
Maintainer