Questions tagged [dom]
The dom tag has no usage guidance.
84
questions
0
votes
0
answers
101
views
Dynamic list view in LWC with a combobox
I have this problem:
I have a LWC that shows my contact details. But I want to add a checkbox to filter my contacts based on a picklist field. I'm thinking of doing it in two ways:
Call Apex with a ...
0
votes
0
answers
180
views
select lightning input checkbox by name in aura
I want to select the lightning input checbox by name from my Aura component controller. How can I do that?
<lightning:input type="checkbox" label="{!parentBenefit.Name}" name=&...
- 325
1
vote
0
answers
82
views
How to remove element in a closed lightning-accordion from a QuerySelectorAll
I have multiple lightning-accordion-section each containing a small form
I would like to do a querySelector on all my lightning-inputs to make sure that the user filled them properly. If the user ...
- 327
0
votes
1
answer
161
views
Access dom element from <head> in experience builder
I am trying to access a dom element from the in lightning experience by adding the script
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', ()=> {
...
- 41
0
votes
0
answers
27
views
aura render event: DOM update issue
This question relates to this post, where we got rid of the unescapedHtml tag to rather use render event for dynamic DOM manipulation.
My new issue is the following:
I'm listening to the aura "...
- 63
4
votes
1
answer
217
views
Can you know if a component's event is handled?
Component Billy can dispatch an event:
this.dispatchEvent(new CustomEvent('stuffHappened'));
Can Billy know if its parent provided a handler for that event?
Can it know if it was called like this:
&...
- 201
1
vote
1
answer
443
views
How to Dynamically Change Text Based on User Input
I am fairly new to SF, and I am only moderately well-versed in JS in general. I am attempting to create a LWC that will display a URL based on user input. This URL will eventually be used to retrieve ...
0
votes
2
answers
113
views
Salesforce Dom dynamic behaviour
Last week the structure is with li elements and now the HTML structure is changed. This is for Salesforce Contacts object.Please see the image.
<div id="suggestionsList">
<ul&...
- 3
0
votes
1
answer
262
views
Unable to get all elements in List<Dom.XmlNode> [closed]
I'm trying to iterate through a List<Dom.XmlNode) in order to get all elements, but I am only able to get the first two (header - body)
Here's my code:
String xml='<soapenv:Envelope xmlns:...
- 307
0
votes
0
answers
180
views
Get DOM elements to hide an element from afterRender event in Lightning component
I am trying to access Page related DOM elements which are not part of aura component. I am trying to access elements with the help of afterRender. I am able to get the element but i can see only proxy ...
6
votes
1
answer
627
views
LWCs cause 10-20 seconds of lag populating a small amount of elements on the page
I have an LWC template like this:
<input list="counties">
<datalist id="counties">
<template for:each={counties} for:item="county">
<option key=...
- 1,218
0
votes
1
answer
2k
views
How to get the selected value of a picklist field in lightning combo box using template.getQuerySelector?
How to get the selected value of a picklist field in lightning combo box using template.getQuerySelector?.
<lightning-combobox label={firstControllingFieldLabel}
name=&...
- 23
0
votes
1
answer
239
views
How to change dropdown and textbox values using javascript
My salesforce page has dropdown and textbox, but require a double click to enter
Here is DOM for Ground snow load
my thought was to change the value of dropdown by id
document.getElementById('...
2
votes
1
answer
371
views
Distinguish between the Standard DOM event and the CustomEvent
How to distinguish between the Standard DOM event and the CustomEvent dispatched by LWC Component?
Assume we have some 2 simple LWС Components
<!--child.html-->
<template>
<input ...
- 375
2
votes
1
answer
871
views
Is the DOM oninput event supported in LWC?
This oninput Event documentation explains:
The oninput event occurs when an element gets user input.
This event occurs when the value of an or element
is changed.
Tip: This event is similar to the ...
- 131k
3
votes
1
answer
435
views
DHTMLX Gantt in LWC
I'm implementing DHTMLX Gantt Chart in LWC. I'm trying to call an LWC method from the gantt library function but it is not working.
Here is the code:
<template>
<input type="hidden&...
- 1,335
0
votes
1
answer
46
views
Pulling info from the DOM or API as an external script
My org is soon officially moving us all to Lightning from Classic and I've hit a bit of a snag. Myself and some others have utilized small scripts and bookmarklets to help automate certain quick ...
- 103
0
votes
2
answers
1k
views
dataLayer in Lightning component
Can someone tell me how can I access DOM dataLayer in lightning component controller?
I'm using like this but its not pushing into DOM dataLayer
window.dataLayer = window.dataLayer || [];
...
1
vote
1
answer
106
views
How to store state and conditionally render UI of a VF component in JS
I am enhancing the app setup application to replicate Setup Assistant UI.
To build the expandable setup UI. I need to store the state(Expanded/Collapsed) of the component.
Normally in Aura/LWC, I ...
- 3,339
4
votes
2
answers
4k
views
DisconnectedCallback in LWC
I want to do some DML operation when my lwc is removed from the DOM, so can anyone please confirm if disconnected callback will run on all below scenario
on close tab.
on browser close.
got ...
- 2,290
1
vote
1
answer
5k
views
How is the <template> tag used in lwc different from one used in web components?
According to usage of <template> in web components:
The elements under template won't appear in your page until you grab a reference to it with JavaScript and then append it to the DOM
For ...
- 135
0
votes
2
answers
365
views
Lwc- problem to get id as it changes with random no. inside external Js
Hi all I am trying to access the id of a div in lwc with the help external js(static resource) where code is like document.getElementById("createsulightning");
for <div id="createsulightning">&...
2
votes
2
answers
184
views
Can DOM matches logic be applied to an LWC LightingElement?
One problem stopping Mobiscroll calendar working inside a LWC? is described in the PS to that question. An equivalent of element.matches (AKA element.matchesSelector) needs to be implemented for an ...
- 131k
0
votes
1
answer
246
views
LWC third party library DOM changes not applied
I'm trying to use Highcharts charting library in LWC. I have an empty div element, <div class="chart-target" lwc:dom="manual"></div> targeted by the chart. This works well.
The problem is ...
- 3,625
2
votes
1
answer
8k
views
Jest Test - element.shadowRoot.querySelector() not retrieving element when given an id
I am attempting to retrieve and make assertions about certain elements using querySelector() with the respective id of that element. But, querySelector() isn't returning any elements with a given id.
...
- 107
1
vote
1
answer
7k
views
Dynamically set the onclick function in LWC button
I'm trying to dynamically set the onclick function of lightning web component button but it's not working. I've tried both "click" and "onclick"
JS:
const navButton = this.template.querySelector('....
- 253
0
votes
1
answer
36
views
How to remove dom response from a loop
I have a dom class handler which I am calling from batch class. I am looping through the response to perform dml operations across certain objects. Since I have to use the response across different ...
- 25
2
votes
1
answer
332
views
The key attribute, and docs on LWC Virtual DOM
Per the LWC docs we have the following:
When a list changes, the framework uses the key to rerender only the
item that changed. The key in the template is used for performance
optimization and ...
- 626
6
votes
2
answers
3k
views
Clarification on what this.template.querySelectorAll lets you see in LWCs: want to modify field labels
I have a form rendered using just a lightning-record-form - very cool to get so much done by this single LWC (Lightning Web Component).
But I'm trying to replace the labels with the inline help text ...
- 131k
4
votes
1
answer
8k
views
div innerHTML with standard lightning web components
I'm trying to display a custom format for my lightning web component via rendered and innerHTML of a div.
<template>
<div class="container" lwc:dom="manual"></div>
</template&...
- 791
2
votes
1
answer
4k
views
LWC: Using lwc:dom="manual" to reach and interact with a certain DOM element
I am trying to find a way to interact with the built-in chat widget. I need to simulate a click on it.
I understand that the Locker Service is there to prevent any interaction outside of the DOM of ...
- 4,511
0
votes
1
answer
1k
views
Dom Document generation by APEX code
I am writing APEX to generate DOM document.
I want to generate <TOTALVOLUME units="m3">1.0</TOTALVOLUME>.
Parent node for TOTALVOLUME is consignmentBody and I am trying Below code to ...
- 37
1
vote
0
answers
441
views
I'm not able to access DOM element even in "afterRender"
I'm trying to create a canvas in my custom lightning component.
This is a child component of another component.
The canvas draws few charts, and the methods are called only after both the script(...
- 455
4
votes
1
answer
4k
views
How can I test the click of a button that calls an Apex method, and makes the component show a toast?
The component itself, when loaded, queries some data from the database. Then, depending on what it finds, loads the specific template. One of those has a button, which will call the server again, and ...
- 11.3k
0
votes
1
answer
373
views
Lightning data locker restricting Javascript for CSS/HTML
I am trying to retrieve JavaScript Static resource in Community lightning component to override the numbering from Unescaped html. But the data locker service is blocking the script.
Am trying to ...
- 23
5
votes
0
answers
918
views
Lightning Web Components: Set scroll position on lightning-datatable based on 'key' field value
We are looking to auto-scroll the user to a specific point in a lightning-datatablewhen a button is clicked.
Assuming we referenced the key-field attribute data-row-key-value in the dom then in HTML ...
- 143
1
vote
1
answer
624
views
Document.fullScreen API implementation in Lightning Web Components(LWC)
I was trying to achieve full screen on an element in Lightning Web Components but was unable to use Document.fullscreen API.
I tried var elem = this.template.querySelector('svg');
if (elem....
8
votes
1
answer
35k
views
Using this.template.querySelectorAll() to modify the DOM in Lightning Web Component
Currently, I am stuck in a situation to modify the DOM in LWC using the querySelectorAll function.
Here the {team.item.Description__c} field having the DOM details and saved in string form into the ...
- 1,070
1
vote
1
answer
672
views
How to build an integration with rest API in apex using XML
Situation
I need to build a connection from Salesforce to "post" to a rest api. The recipient has given me XDS schema files of the data to be sent over.
My Current Plan
Build a sObject to be the ...
- 321
1
vote
0
answers
101
views
Entire page appearing twice in the DOM in LEX?
So the two snippets in this screenshot are the same page loaded in Lightning. This is the "main div" as I can see it that holds the main contents of the page. I promise it is the same page, a standard ...
- 6,656
0
votes
2
answers
3k
views
Document.getElementById().value returning Null in Lightning
I am getting null value from Lightning component from document.getElementById().value below is the case. I am showing already existed record as default(pricebookId) in the dropDown from total list.
&...
- 181
0
votes
1
answer
3k
views
Read document cookies in Lightning Component [duplicate]
I want to read the cookies out of the DOM document object.
I tried the following:
Controller:
init : function(component, event, helper) {
console.log(document.cookie); // returns nothing
}
...
- 37
0
votes
1
answer
442
views
ltng:require afterScriptsLoaded will run after dom was fully loaded. Why?
ltng:require afterScriptsLoaded will run after dom was fully loaded. Why?
I mean where is it documented?
I saw it, for example, here
As per @TrevorBliss comments , adding afterScriptsLoaded to ...
- 81
1
vote
1
answer
2k
views
getBoundingClientRect() does not work in lightning component?
Every example I am seeing about positioning a tooltip manually involves getting client boundaries, which you would get through getBoundingClientRect() on the element.
I have a lightning component ...
- 2,399
1
vote
0
answers
423
views
How to programmatically identify that no modal is visible on screen?
I want to identify that screen does not have any modal visible, and based on this, I want to show or hide the window's default scrollbar.
To show/hide the scrollbar I got excellent solution from this ...
- 2,500
5
votes
2
answers
6k
views
DOM manipulation on lightning:datatable
I want to add attributes or classes for rows/cells in lightning:datatable based on cell values (I want to customise styles based on values). Is it possible? How can this be achieved?
P.S. I tried to ...
- 944
1
vote
2
answers
3k
views
Retrieve elements created with Aura:Iteration
I'm trying to retrieve elements using document.getElementsByClassName("") within the afterRender function. This works as expected with normal elements. However, I can't seem to retrieve elements being ...
- 33
6
votes
2
answers
2k
views
AfterRender on button in Lightning Component (DOM update)
I am trying to do something that sounds easy in JavaScript but that I have difficulty to do with Lightning component.
The functionality is to highlight the currently pressed button as explained in ...
- 63
2
votes
1
answer
178
views
What is the benefit in using the $Component selector?
Reading through a topic - Best Practices for Accessing Component IDs, I learned that:
Use the $Component global variable to simplify referencing the DOM ID
that is generated for a Visualforce ...
- 439
3
votes
0
answers
1k
views
What is all that <!--render facet: 5:0--> thing in Lightning Pages about?
I know it's a "who cares" question, but somehow I care and I wanted to have this documented somewhere in the WWW :)
In Lightning Pages the whole DOM is full of <!--render facet: 5:0--> ...
- 6,170