Questions tagged [shadow-dom]

The tag has no usage guidance, but it has a tag wiki.

Filter by
Sorted by
Tagged with
2
votes
3answers
137 views

Adjust and fix appearance of lightning-map LWC component

In my Lightning Web Component, I am using the <lightning-map> Base Component to display a Google map. I have a few display issues and things I would like to adjust, but It doesn’t work as ...
2
votes
2answers
527 views

How to make buttons in a lightning-datatable smaller in LWC?

I have a lightning-datatable in my Lightning Web Component (LWC) that has several buttons in each row (first button only shown here): These standard-sized buttons consume quite a lot of vertical ...
2
votes
0answers
34 views

Why LEX is sometimes rendering <slot>-elements (shadow DOMs) on same flexipage for one user but not for the other user?

The core question is reduced and skipping the "Why do I ask this and what do I want to achieve?". Read the "Background notes" at the end, if you want to know the ugly truth... Core question Why LEX (...
2
votes
2answers
398 views

lightning:icon pointing to SVG static resource has empty shadow root

An working SVG icon stored in a public static resource myicon_svg <?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g id="...
1
vote
0answers
1k views

Manipulate DOM of LWC using jQuery [duplicate]

I know I cannot do: var elements = this.template.querySelectorAll('[id^="fieldName"]')[0]; elements[0].getElementsByTagName('lightning-formatted-text')[0].setAttribute("style:", "myCSSAttribute:...
10
votes
1answer
2k views

Understanding shadow dom in Lightning web components

I'm looking at the shadow Dom in the lwc developer guide and found below statements. Shadow DOM is a web standard. To make development easier for component authors, the Lightning Web Components ...