1,599 questions
0
votes
1
answer
48
views
How Can ShadowRoot Elements in a Custom HtmlElement Data Table Be Accessed After Async Functions Complete?
I've created a working (mostly) custom EntityTable (entity-table) HtmlElement that successfully fetches and displays JSON data from a custom RESTful microservice in an HTML <table>.
From ...
- 93
0
votes
0
answers
25
views
How can I use ShadowDOM for TailwindCSS with Webpack
I am new to web development, so I can't provide any useful code because I don't know how to implement my idea.
My goal is to create a dynamic widget using Webpack. In my widget I need to use Tailwind, ...
- 33
0
votes
0
answers
35
views
Host App CSS leaks into local tailwind classes any way to use REM for micro-frontend apps? [duplicate]
Tailwind version - 3.4.16
I have a sample code:
<p class="mb-10">Hello World</p>
Now the problem is that it uses rem units. And rem takes document font-size as reference even ...
- 4,951
0
votes
1
answer
27
views
How to access shadow-root via Selenium Python
Im trying to access a shadow-root tag via Selenium Python and I can seem to reach it. Its a dynamic picklist created in salesforce and I know our current salesforce environment is using "...
- 15
0
votes
1
answer
35
views
How to get the path to webelement from shadow DOM for further use in Selenium/Playwright Python auto-tests?
I feel difficulties to extract the locator for "Accept all" button from usercentrics dialog, the DOM is the following:
DOM
and
UI
I am using the following:
def user_centrics_accept(driver):
...
0
votes
1
answer
66
views
How to isolate the execution of JS code, such that each script is executed within a "container"? Tried shadowDOM and IIFE, does not do the job
I have 2 js files - dashboard.js and statuspanel.js. They render React components inside the div that has the name of the script as it's id. For example, in my JSF application. The JS files are auto-...
- 391
0
votes
1
answer
18
views
Use the details name attribute in a shadow DOM
How can the name attribute be used if a details element is inside of a shadow DOM?
When a name is set, multiple dialogs are supposed to be grouped, which allows them to be opened exclusively from each ...
- 61
1
vote
0
answers
20
views
CSS @property in declarative shadow DOM [duplicate]
It is possible to use CSS' @property rule to define CSS variables like in the following example (https://codepen.io/sbhmn/pen/pvzmvvx):
<style>
@property --bg-color {
syntax: "*";
...
- 378
0
votes
0
answers
59
views
Styles appear differently for different pages in shadow DOM
I'm developing a google extension, where I came to know the concept of shadow dom, but the behavior I'm facing is that same style of same element appear differently on different sites and it's visible ...
- 41
1
vote
0
answers
285
views
PrimeNG v19 with ViewEncapsulation.ShadowDom and web-components
According to the PrimeNG documentation, to connect styles and a custom theme, you need to add the following to app.config.ts:
const appConfig: ApplicationConfig = {
providers: [
...
- 21
2
votes
0
answers
56
views
Is it possible to set CSS custom property fallback to do nothing? [closed]
Due to a limitation/bug in Firefox's userChrome.css functionality it is not possible to target individual shadow DOMs. When styling a shadow DOM element the element will be styled in ALL shadow DOMs ...
- 73
0
votes
0
answers
84
views
Svelte without Shadow-Dom not possible?
How to build a Svele-Component without shadow-DOM?
There are a lot of discussions on GitHub
1748 (2018)
4073 (PR / 2019)
2516 (2019 / with Comment from Rich Harris, but he also had no clear answer)
...
- 1,186
-2
votes
2
answers
132
views
'addEventListener' does not work for HTML Web Component [duplicate]
I made web component like below.
class Webtest extends HTMLElement {
constructor() {
super();
}
connectedCallback() {
this.attachShadow({mode: 'open'});
this....
- 1
0
votes
1
answer
50
views
How to get the child element inside Angular ShadowRoot?
In Angular 18 application, I am trying to load some mermaid content inside a under the ShadowRoot.
The parent component has encapsulation: ViewEncapsulation.ShadowDom,
I am using the below versions
&...
- 7,458
0
votes
0
answers
77
views
How to style Ionic component using shadow part
I created a button with a popover like this:
Here is the Vue template code:
<template>
<div :class="['lang-button', { 'in-list': listItem } ]">
<k-button id="lang-...
- 2,906