# Cannot select specific item on page in a shadow root

**URL:** <https://forums.distill.io/t/cannot-select-specific-item-on-page-in-a-shadow-root/4002>\
**Category:** Uncategorized\
**Tags:** visual-selector\
**Created:** [September 20, 2024, 7:01pm UTC](https://forums.distill.io/t/cannot-select-specific-item-on-page-in-a-shadow-root/4002 "2024-09-20T19:01:25Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![athletictaskforce](https://forums.distill.io/letter_avatar_proxy/v4/letter/a/c57346/32.png) [@athletictaskforce](https://forums.distill.io/u/athletictaskforce)\
**Post date:** [September 20, 2024, 7:01pm UTC](https://forums.distill.io/t/cannot-select-specific-item-on-page-in-a-shadow-root/4002/1 "2024-09-20T19:01:26Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![athletictaskforce](https://forums.distill.io/letter_avatar_proxy/v4/letter/a/c57346/32.png) [@athletictaskforce](https://forums.distill.io/u/athletictaskforce)\
**Post date:** [September 20, 2024, 7:12pm UTC](https://forums.distill.io/t/cannot-select-specific-item-on-page-in-a-shadow-root/4002/2 "2024-09-20T19:12:46Z")

</div>

URL: [Womens Tees Shorts and Leggings | DTLR](https://www.dtlr.com/collections/women-apparel)

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

 ![image](https://forums.distill.io/uploads/default/original/2X/1/14e6369bfb4f132500b95d93d3c6f3ff5f3462ad.jpeg)

---

<div class="post-metadata">

**Author:** ![ajitk](https://forums.distill.io/letter_avatar_proxy/v4/letter/a/ec9cab/32.png) [@ajitk](https://forums.distill.io/u/ajitk)\
**Post date:** [September 22, 2024, 8:16am UTC](https://forums.distill.io/t/cannot-select-specific-item-on-page-in-a-shadow-root/4002/3 "2024-09-22T08:16:36Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![athletictaskforce](https://forums.distill.io/letter_avatar_proxy/v4/letter/a/c57346/32.png) [@athletictaskforce](https://forums.distill.io/u/athletictaskforce)\
**Post date:** [December 26, 2024, 1:55pm UTC](https://forums.distill.io/t/cannot-select-specific-item-on-page-in-a-shadow-root/4002/4 "2024-12-26T13:55:21Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![ajitk](https://forums.distill.io/letter_avatar_proxy/v4/letter/a/ec9cab/32.png) [@ajitk](https://forums.distill.io/u/ajitk)\
**Post date:** [December 28, 2024, 10:33am UTC](https://forums.distill.io/t/cannot-select-specific-item-on-page-in-a-shadow-root/4002/5 "2024-12-28T10:33:32Z")

</div>

@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.

---

<div class="post-metadata">

**Author:** ![im10outof10](https://forums.distill.io/letter_avatar_proxy/v4/letter/i/4bbf92/32.png) [@im10outof10](https://forums.distill.io/u/im10outof10)\
**Post date:** [December 28, 2024, 12:41pm UTC](https://forums.distill.io/t/cannot-select-specific-item-on-page-in-a-shadow-root/4002/6 "2024-12-28T12:41:41Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![ajitk](https://forums.distill.io/letter_avatar_proxy/v4/letter/a/ec9cab/32.png) [@ajitk](https://forums.distill.io/u/ajitk)\
**Post date:** [December 30, 2024, 5:26am UTC](https://forums.distill.io/t/cannot-select-specific-item-on-page-in-a-shadow-root/4002/7 "2024-12-30T05:26:13Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![raksha](https://forums.distill.io/letter_avatar_proxy/v4/letter/r/c0e974/32.png) [@raksha](https://forums.distill.io/u/raksha)\
**Post date:** [December 31, 2024, 5:43am UTC](https://forums.distill.io/t/cannot-select-specific-item-on-page-in-a-shadow-root/4002/8 "2024-12-31T05:43:49Z")

</div>

@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](https://distill.io/docs/web-monitor/what-is-visual-selector/#how-to-monitor-parts-of-a-web-page-using-visual-selector) to learn more about selecting elements.

---

<div class="post-metadata">

**Author:** ![athletictaskforce](https://forums.distill.io/letter_avatar_proxy/v4/letter/a/c57346/32.png) [@athletictaskforce](https://forums.distill.io/u/athletictaskforce)\
**Post date:** [April 30, 2025, 12:59pm UTC](https://forums.distill.io/t/cannot-select-specific-item-on-page-in-a-shadow-root/4002/10 "2025-04-30T12:59:18Z")

</div>

Hello again, just following up if there has been any update on Shadow Root tracking workaround ? Thank You, ATF

---

<div class="post-metadata">

**Author:** ![ajitk](https://forums.distill.io/letter_avatar_proxy/v4/letter/a/ec9cab/32.png) [@ajitk](https://forums.distill.io/u/ajitk)\
**Post date:** [April 30, 2025, 5:53pm UTC](https://forums.distill.io/t/cannot-select-specific-item-on-page-in-a-shadow-root/4002/11 "2025-04-30T17:53:02Z")

</div>

soon. keep an eye on the [changelog](https://distill.io/changelog/). we will mention it there once shadow root’s support has been released.

---

<div class="post-metadata">

**Author:** ![ajitk](https://forums.distill.io/letter_avatar_proxy/v4/letter/a/ec9cab/32.png) [@ajitk](https://forums.distill.io/u/ajitk)\
**Post date:** [June 24, 2025, 1:21am UTC](https://forums.distill.io/t/cannot-select-specific-item-on-page-in-a-shadow-root/4002/12 "2025-06-24T01:21:38Z")

</div>

this has now be released in version 3.11.2. make sure to update the desktop app or the browser extension to start monitoring content within shadow roots.
