Using Appcues with Shadow DOM frameworks
Appcues is fully compatible with Shadow DOM.
Submit Article Requests
Do you have a suggestion for an article you would like to see created?
Feel free to submit this form and add your suggestions to our document board.
- Installation & Developers
- Web Experiences
- Mobile Experiences
- Account Management
- Best Practices
- System Status
If your web application uses Shadow DOM, you may need to choose elements within it when utilizing Appcues. Appcues' element selector functions smoothly with elements nested inside shadow roots, enabling you to click and choose elements within them, just like any other element.
Appcues not only handles Shadow DOM, but also other new web technologies with ease. You can also manually adjust the CSS selector used to target the element within the shadow root using the Custom CSS path option. Appcues can handle multiple layers of shadow DOMs by separating them in the custom CSS path with
To learn more about selecting the right elements, check out this resource.