For Web Applications, Shadow DOM is a kind of DOM within a DOM which exhibits its own tree in isolation from the parent DOM tree.
Many times, LEAPWORK users try to interact with the web applications which posses Shadow DOM in the application the way it has been designed. Since Shadow DOM are tricky to handle in general, But, LEAPWORK's capturing mechanism automatically handles the Shadow DOM if the captured element lies in it.
How LEAPWORK handles shadow dom?
LEAPWORK Web Strategy Editor posses a feature in form of the checkbox which automatically recognises if the captured element lies in shadow DOM or not. If element lies in Shadow DOM, then the strategy editor for the corresponding element will show the Has Shadow DOM checkbox as enabled. Also, this checkbox is editable only in case the captured element have shadow DOM, otherwise Has Shadow DOM checkbox will be in a disabled state.
Has Shadow property looks like as highlighted in below screenshot where the Shadow DOM is recognised for the captured element so this property is auto-checked.
For any clarification, please contact our Priority Support.