Cannot select specific item on page in a shadow root

1

Hello,

When I open the following page, I cannot select a specific cell, the entire page is the only option, and I cannot monitor changes that way.

Can you advise if there is a workaround ?

Tx
ATF

2

URL: Womens Tees Shorts and Leggings | DTLR

This is what I see when I try to select element on the page:

image
image1920×1057 127 KB

3

thanks for repoting the issue @athletictaskforce. this page uses custom elements that render elements within shadow roots and is called shadow dom. content withing shadow roots can’t be selected using a simple css selector or xpath expressions. as a result, it is currently not supported. we plan to add support for shadow roots early next year.

4

Hello all ! Just following up about progress of adding " shadow dom. content" to your selector options. Many Thanks

5

@athletictaskforce it is in our list of things to do. there is no concrete eta right now. we expect to add support by mid 2025.

6

Is there a custom css selector that can be used to monitor any item title on page?

7

css selector title selects the page’s title. note that the title element’s content is the title displayed as the tab’s title.

8

@im10outof10 If the item’s title is not within a Shadow DOM, you can select it directly for monitoring. Check out What is Visual Selector? – Distill to learn more about selecting elements.