For Web Applications, Shadow DOM is a kind of DOM within a DOM that 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 does Leapwork handle 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 the below screenshot where the Shadow DOM is recognized for the captured element so this property is auto-checked.
For any clarification, please contact our Priority Support.