How click on a button under a CLOSED shadow DOM with selenium for python?

Question

I'm looking to access to the button but the CLOSED shadow DOM block me, how can i switch it to open and have access to this button ?

<div class="button-holder help-button-holder">
  #shadow-root (closed)
    <link rel="stylesheet" href="chrome-extension://mpbjkejclgfgadiemmefgebjfooflfhl/src/solve/solver-button.css">
    <button tabindex="0" title="Solve the challenge" id="solver-button"></button>
</div>

Does this answer your question? How to automate shadow DOM elements using selenium? — vitaliis
– vitaliis, Commented Apr 17, 2021 at 19:03
Does this answer your question? stackoverflow.com/questions/77242284/… — Yaroslavm
– Yaroslavm, Commented Oct 6, 2023 at 10:40

piusyikyu · Accepted Answer · 2022-03-03 17:23:29Z

1

I have encounter the same problem and manager to work around it.

So the idea is to focus on the closest element before "shadow-root (closed)", then use Tab key to reach that solver button, then click it.

I work on Kotlin, but you should be able to attempt for python.

// click to focus on the solver button wrapper
driver.findElement(By.cssSelector(".button-holder.help-button-holder")).click()

// use Actions instead of pointing to the solver button itself
val actions = Actions(driver)
actions.sendKeys(Keys.TAB)
actions.click()

answered Mar 3, 2022 at 17:23

piusyikyu

112 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How click on a button under a CLOSED shadow DOM with selenium for python?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related