Questions tagged [shadow-dom]
The shadow-dom tag has no usage guidance, but it has a tag wiki.
10
questions
0
votes
1answer
22 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 ...
2
votes
2answers
422 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
116 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
201 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
1k 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 ...
5
votes
2answers
4k 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
52 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
888 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
4k 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 ...