I am using LitElement to create custom Web Components. I am fairly new at it and decided to try making image slideshow. I used W3Schools slideshow as reference while modifying it to work as LitElement.  The problem is, that when I am trying to use do...
I'm trying out lit-element and everything was going well with browsers such as Chrome and Firefox. But I faced a problem when I tried Microsoft Edge and IE11. The web component that shows in Chrome and Firefox doesn't show in Microsoft Edge a...
I would like to implement lit-element-bootstrap package in lit-element.  I am getting following error in console, Failed to load module script: The server responded with a non-JavaScript MIME type of "text/html". Strict MIME type checking is...
I am creating a web components using LitElement. This is from https://lit-element.polymer-project.org/guide/start  // Import the LitElement base class and html helper function import { LitElement, html } from 'lit-element';  // Extend the Lit...
I'm working with lit-elements via @open-wc and is currently trying to write a nested set of components where the inner component is an input field and some ancestor component has to support some arbitrary rewrite rules like 'numbers are not a...
I would like to statically serve a project, that uses webcomponents (using lit-html), without any packaging tools like webpack etc.   The example project is composed of this structure:  index.html app.js package.json   package.json:  {   "name...
Is it possible to somehow trigger component re-render when the property of the observed object changes? I know that the component will re-render if I replace the object but it does not when I just change its property  class SomeComponent extends LitE...
When composing snapshot tests, I need to do sequences of interactions. So for example, selecting the “merchandise” catalog looks like this:  const exploreMerchandiseCatalogAction = async element => {   await aTimeout(2);   element.service.send...
When the page first loads, the delete buttons generated by the code below work as expected. However, if you alter the text in one of the <textarea> elements, the delete button no longer works correctly. How can I fix this?  import { LitElement,...
As documentation says:      connectedCallback fires each time a custom element is appended into a   document-connected element   also:      firstUpdated fires after the first time your component has been   updated and rendered   The problem is I can&...

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.