Questions tagged [shadow-dom]
The shadow-dom tag has no usage guidance, but it has a tag wiki.
10
questions
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 ...
