Skip to main content

Questions tagged [dom]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
25 votes
3 answers
2k views

force:navigateToComponent not loading component in Summer '17 | DOM repetition issue in Summer '17

I'm using force:navigateToComponent to navigate to a different component on click. On the first click, it navigates to the component and everything is successfully loaded. When pressing back button ...
5 votes
0 answers
1k 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 ...
-1 votes
1 answer
59 views

Sanitize input in Aura component

Checkermax report has identified Client DOM XSS issue for the input parameter whose value is in the format of !caselst.casenumber Here caselst is the variable for the list of cases. List of cases are ...
0 votes
1 answer
59 views

Detect cursor in current tab outside of LWC

Hi Im trying to know if a user is idle in a record page tab, and to do it I have placed a LWC in the record page so it could maybe read the outsider events. I have tried using window.addEventListener('...
0 votes
0 answers
47 views

How do I traverse LWC DOM and find the email and phone links

I am trying to see how I am able to find email and phone links within the LWC DOM. I am well aware that it is shadow DOM so I did try to detect the shadow root inside my BFS implementation Here is the ...
0 votes
1 answer
72 views

Is there a way to change the tel: and mailTo: links at the Contacts page using aura lightning component

I am trying to change the tel: and mailTo: links from the Salesforce contact page to some other behavior with onClick using aura lightning component. The expected behavior might be click on the phone ...
5 votes
2 answers
7k 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 customize styles based on values). Is it possible? How can this be achieved? P.S. I tried to ...
2 votes
1 answer
769 views

Visualforce 'onChange' DOM event not firing when dependent picklist changes to default value

I have a VF page where several field's required attribute is dynamically tied to the value selected on a picklist: <apex:outputPanel id="idAccountField"> <apex:inputfield value="{!...
2 votes
1 answer
458 views

LWC - Using lwc:dom="manual" to render text with innerHTML but it does not work

I'm using lwc:dom="manual" and querySelector to capture and display the text content but it does not work. HTML code <h2 class="slds-truncate" title={record.Name}> <a ...
1 vote
1 answer
119 views

JS in Salesforce DOM security review failure

I have just been sent back the security review report for our ISV partner app and one of the errors is 'JS in Salesforce DOM'. The file they have referenced is a .weblink file, the code snippet they'...
0 votes
1 answer
97 views

Parse XML fails with NullPointerException when attribute is xlmns only

I got a sample XML like this: <?xml version="1.0" encoding="UTF-8"?> <RootNode> <Sample1 xmlns:key1="yyy"> <Sample11>ABC</Sample11&...
0 votes
2 answers
2k 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
2 answers
77 views

Salesforce lightning Fight with DOM and document.write()

I am trying to duplicate the action created by the following code in the controller of a lightning component (aura). this is currently the code i have in place. let party = 'something'; ...
3 votes
1 answer
4k views

Lightning Datatable CellAttributes Dynamic Styling is not applied on change of Data Rows

We have created an LWC which uses the LWC Component 'Lightning Datatable' component to display a table with dynamic columns & rows. We would like to apply dynamic styling of the rows based on its ...
0 votes
0 answers
39 views

LWC.CreateElement? [duplicate]

I was researching for document.createElement() and could not seem to find anything. Is there any way where I can use createElement in salesforce or any other Alternative as I need to create div ...
0 votes
2 answers
728 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">&...
0 votes
1 answer
804 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:...
1 vote
1 answer
760 views

getBodyDocument - XmlException: unexpected markup &lt;

For example I want to connect to http://www.google.com and get DOM. In Anonymous Window I have code: String url = 'http://www.google.com/'; HttpRequest req = new HttpRequest(); ...
0 votes
1 answer
1k 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', ()=> { ...
1 vote
1 answer
5k views

What is the use DOM in Salesforce where we can use that?

I have understood the abbrevation of DOM,but i am not understanding what is use of that in salesforce. Is there any link between xml and DOM.
0 votes
0 answers
679 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=&...
1 vote
0 answers
386 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 ...
0 votes
0 answers
97 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 "...
2 votes
1 answer
6k 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 votes
1 answer
754 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: &...
4 votes
2 answers
8k 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 votes
1 answer
9k 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 ...
1 vote
1 answer
2k 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 ...
4 votes
1 answer
5k 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 ...
0 votes
2 answers
219 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&...
1 vote
0 answers
325 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
2k 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=...
0 votes
1 answer
5k 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=&...
0 votes
1 answer
481 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
729 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 ...
2 votes
1 answer
2k 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 ...
3 votes
1 answer
588 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&...
0 votes
1 answer
66 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 ...
1 vote
1 answer
256 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 votes
0 answers
2k 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--> ...
2 votes
2 answers
338 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 ...
0 votes
1 answer
322 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 ...
2 votes
1 answer
14k 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. ...
1 vote
1 answer
10k 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('....
0 votes
1 answer
40 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 ...
1 vote
0 answers
165 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 ...
2 votes
1 answer
512 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 ...
7 votes
2 answers
4k 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 ...
3 votes
1 answer
3k views

Export a CSV using lightning Component without DOM modification

Lightning Controller getData : function(component, file, fileContents) { var action = component.get("c.data"); action.setCallback(this, function(response) { var state = ...
4 votes
1 answer
13k 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&...