Stack Overflow
Stack Overflow

Questions tagged [shadow-root]

61 questions
0
votes
2 answers

Ionic 6 styling of ion-datetime

I have stumbled upon some difficulties styling ion-datetime component using ionic 6, and none of the posts seem to contain a solution for this. I would like to apply some custom styles to picker items that appear in the shadow-root part. Applying…
ossmalpha
  • 881
  • 6
  • 10
0
votes
0 answers

Materialize labels not working correctly in shadowRoot of web-component

I am currently working on web components which use JQuery (3.6.3) and materialize (1.0) The labels of the materialize components do not work in shadowRoot for some reason. Instead of moving above the input, they just stay at their initial position…
Canabale
  • 157
  • 1
  • 7
0
votes
1 answer

Change root font-size for ShadowRoot tree

I am trying to build a chrome extension which injects an HTML popup on the host page via content script. I am adding this popup using shadowRoot to avoid collisions with the main page. Also, I am using bootstrap on the popup for styling. One issue…
Nikhil Jindal
  • 231
  • 4
  • 11
0
votes
3 answers

Selenium Java: Accept All Cookies in ShadowRoot

This is my web address: DM : This is my locator for button accept all: @FindBy( xpath = "//button[@data-testid = 'uc-accept-all-button']") WebElement cookies; This is HTML: I use selenium 4 and Java. I try solution like this : public void…
Milan
  • 1
  • 1
0
votes
0 answers

Power Automate and Shadow Root elements

My colleague is using Power Automate to navigate a site. The shadow-root elements seem to be skipped. Any ideas?
Shoshana
  • 11
  • 2
0
votes
1 answer

How to can I manipulate the shadow root without using setTimeout?

I have some ui elements from a third party that I want to manipulate to set a different styling. First I wrote a explicit css rule which obviously did not do anything. Currently I am using this hack: mounted() { setTimeout( function () { …
codlix
  • 858
  • 1
  • 8
  • 24
0
votes
1 answer

Webdriver.io: Input text/value on shadow element not working in web application using chrome browser

Webdriver.io: Input text/value on shadow element not working in web application using chrome browser I am using webdriver io for automating web application. Please refer below screenshot which is opened after click action. And I have to enter value…
simond
  • 684
  • 1
  • 10
  • 36
0
votes
0 answers

Finding an element matching a tag wildcard with selenium and css selectr

Since our elements we need to find (Selenium, Java, Eclipse) are under shadow roots, we have to use CSS selectors in our findElements. Such as sc.findElement(By.cssSelector(path)) Now we have several of these tags called like macroponent such…
Tony
  • 1,127
  • 1
  • 18
  • 29
0
votes
0 answers

Blazor server side particularly updates UI InputSelect

I am using .Net Core 6 and Blazor Server side to maintain single page. I am little bit confused, because UI updates/modify the InputSelect element differently. Example. I have select list of where I put priority numbers by order. By default…
AleksandrBr
  • 33
  • 6
0
votes
1 answer

Converting SearchContext to WebElement in Selenium with Java on Chrome

Service Now has changed to using shadow root like this   #shadow-root         I can easily get the first span: WebElement sele =…
Tony
  • 1,127
  • 1
  • 18
  • 29
0
votes
0 answers

Is there a way to get shadow root text with Playwright

I'm using playwright for web automation and I have come into a scenario where I need to capture the error message for validation. The error text is inside the shadow-root and the selector I used captures the web element correctly but returns an…
FxMax
  • 472
  • 1
  • 5
  • 9
0
votes
1 answer

How to change css variable in shadow dom (web component)

I can't manage to change a css variable (--color) because the shadowRoot querySelector won't return :host or html