Questions tagged [shadow-dom]

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

Filter by
Sorted by
Tagged with
0
votes
1answer
65 views

LWC render nested component within lightning-record-edit-form

I am working on building a LWC that componentizes lightning-record-edit-form, but the form cannot evaluate the lightning-input-field when the fields are nested within another component. The basic ...
3
votes
2answers
1k views

LWC — How to check if user click is outside of a component inside the component's JS?

I have a simple tooltip (not modal) that after it is opened if the user clicks outside of the component it should close. In aura, we were able to do this pretty simply by adding a function in the ...
3
votes
2answers
326 views

CSS class not getting added to the LWC

I Have created an LWC component with following files .HTML file ... <lightning-datatable key-field="id" data={data} columns={columnsInProgress} is-loading={tableLoadingState} ...
0
votes
1answer
553 views

Lightning Datatable - Dynamically Hide actions for specific rows on the basis of data

I have a lightning data table with some columns and row-actions. These row actions are configured dynamically on the basis of row data. For example, If I am fetching some Payments data into my table ...
2
votes
4answers
2k 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 ...
6
votes
3answers
6k 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
58 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
1answer
1k 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
2k 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
5k 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 ...