Stack Overflow
Stack Overflow

Questions tagged [lit-element]

A base class for creating custom elements with the Lit JS library.

LitElement makes it easy to define web components using /Lit. LitElement allows you to declare reactive properties that re-render the component and reflect to attributes.

It uses to render DOM.

677 questions
0
votes
1 answer

Display radio button with object values in map javascript

I have a object 'obj' and need to display radio buttons for each object. For each object, two radio buttons are displayed, when i select radio button , for id"trans",it changes/reflects the other handleSend(){ var selected_sendoption =…
Senthil
  • 961
  • 1
  • 8
  • 21
0
votes
1 answer

radio button not showing the selected value in litelement component

I am newbie to litelement, I have a lit-element component in which radio click event function on rendering gives undefined.I want to display the selected radio button value in render method as well to the corresponding provider id. render() { return…
Senthil
  • 961
  • 1
  • 8
  • 21
0
votes
1 answer

how to display objects in litelement component

I would like to know how to display the two different object values in lit-element component render() { ${this.providerList.map(function (provider) { ${this.query.map(function (query) { return html`
mia
  • 235
  • 1
  • 4
  • 17
0
votes
1 answer

select dropdown shows last value first

I have two four dropdowns, second dropdown selected and if I select first dropdown, second dropdown populates the value but shows last element first instead of first sample data get the dropdown values var countrydata ={ countries:[{ …
mia
  • 235
  • 1
  • 4
  • 17
0
votes
1 answer

When an Attribute is set to false, is the property still observable inside the element?

@ lit-element -> Properties -> Configure attributes -> Configure observed attributes it refers that: By default, LitElement creates a corresponding observed attribute for all declared properties. and To prevent an observed attribute from being…
SONewbiee
  • 363
  • 2
  • 15
0
votes
1 answer

How to check the (initial) render state (not the update state) of a component in shadow DOM

Following the question I would like to ask about the appropriate way to check the initial render status of a component (not the update status) in shadow DOM. Is there any similar to document.readyState or a promise? I have also tried to…
SONewbiee
  • 363
  • 2
  • 15
0
votes
2 answers

does not provide an export named 'BrowserQRCodeReader'

I am using zxing-js/library library for qr code reading. I am facing a strange issue. The code for the qr scanning works in stackblitz online sample code, but not in my local environment. I am getting this error in local environment on run time. The…
Abidh
  • 457
  • 2
  • 5
  • 13
0
votes
1 answer

form not being hidden on page for a lit-element application

I am working with a udemy.com video and have posted this question with no response so I am posting here to see if i can get some insight into my issue. I am using Lit-element 2.0rc and working on building a Personal phonebook app. The scope of the…
DRW
  • 335
  • 1
  • 3
  • 17
0
votes
1 answer

Importing CSS-url from SASS with Webpack

I'm working with web components, (specifically lit-element), and I want to share a common stylesheet across several different components. What I am trying to achieve is to get the url of the compiled CSS file when I import it in my JS-component so…
Anton Forsberg
  • 56
  • 4
0
votes
1 answer

How to use jQuery DOM element selectors in Polymer?

I was trying to implement jsGrid in Polymer but was stuck where it required to get the target grid DOM element to the jsGrid() function. Being unable to produce an equivalent to $("#jsGrid") in Polymer. I have already imported all the required…
Rahul Sharma
  • 1
  • 1
0
votes
1 answer

@polymer/lit-element has been deprecated

I am using @polymer/lit-element for my application.Recently I did npm install which led to following error "npm WARN deprecated @polymer/lit-element@0.5.2: @polymer/lit-element has moved to lit-element. Please uninstall this package and install…
Namani Supriya
  • 41
  • 1
  • 14
0
votes
1 answer

How to publish a litElement

We are currently trying to create some Web Elements that we can share between different projects (Angular/React/Jquery...) litElement seems like a good candidate for the task. We encounter this problem, however: How do we make the changes/updates…
qkhanhpro
  • 4,371
  • 2
  • 33
  • 45
0
votes
3 answers

How to use arrow function in Polymer/lit-element project

I'm learning Polymer/lit-element and trying to build a really simple demo project. I'm trying to use es6 arrow function inside the class (getButtonStyle function), but it returns me this error SyntaxError: This experimental syntax requires…
Xiaoyin Lin
  • 41
  • 1
  • 2
0
votes
1 answer

Lit-Element - Can't get Id of item from Object

I am learning lit-element and have run into a small problem I am trying to setup the ability to remove an Item from my list but I am unable to get the id of my Item it is coming across as undefined when I test it with console.log. I have three…
DRW
  • 335
  • 1
  • 3
  • 17
0
votes
1 answer

Files on github.io don't update, even after two days and after cleaning the cache

Two days ago, I updated the code of my site https://danipani.github.io/, the index file (index.html) has changed, but other files like https://danipani.github.io/node_modules/@bit/danipani.projects.global.button-3d/index.js don't update. I tried to…
Dani Pani danipani
  • 25
  • 3
1 2 3
…
45 46