All Questions
1,055
questions
0
votes
0
answers
34
views
Visual Studio Script Documents Delay
Working on javascript projects in Visual Studio is frustrating due to all library scripts being opened in Script Documents. Whenever I make a change to a source file (JS,TS,HTML,CSS etc) all scripts ...
0
votes
0
answers
44
views
Using rollup with typescript and highlight.js
I'm trying to use rollup to build a bundle containing highlight.js.
This is the starter project I'm using to build the bundle. If we clone it and run:
git clone [email protected]:fireflysemantics/fs-lit-...
0
votes
0
answers
9
views
vite lit webcomponennts : export regular ts files apart from components ts files
I hope someone with experience in webcomponents could help on this.
Client having an application loading webcomponents js file using
<script type"application/javascript" src="path-to-...
-1
votes
0
answers
37
views
Adding a static class to the host element with the Lit Element Framework?
If we want to add a persistant class to a Lit Element web component one way of doing it is like this.
connectedCallback() {
this.classList.add('TEST_CLASS');
}
Curious if there's another way ...
1
vote
0
answers
22
views
LitElement with SASS
I am currently using Lit to learn more about custom web components and I am trying to use .scss files to render an style for my components; but I can't find a way to compile the scss files in a way ...
0
votes
2
answers
147
views
Chrome crashes without any errors when I open a web page made with web components
Chrome crashes when I open a webpage written with Web Components.
It started happening with version 128.0.6613.113. I have the latest version installed:
128.0.6613.120, even with this version chrome ...
0
votes
1
answer
38
views
How to trigger an analytic when component gets re-rendered?
I need to trigger an analytic when a component gets re-rendered because someones searches in the search bar. When someone searches, the component LibraryManager gets re-rendered to address that search ...
0
votes
1
answer
39
views
Creating a web worker in a Stackblitz Lit Element Project?
I'm trying to create a web worker in a Lit Element Stackblitz Project.
This is the worker (worker.js):
onmessage = (e) => {
console.log(e.data);
postMessage(e.data);
};
And this is the code ...
-2
votes
1
answer
103
views
When do we need to use a dot prefix when doing lit template attribute property assignments for html elements?
The lit documentation has the following example showing how to set attribute values:
<!-- attribute values -->
<div label=${label}></div>
<button ?disabled=${isDisabled}>Click ...
1
vote
1
answer
28
views
Rendering Issue with Conditional Slots in LitElement Component
I’m working on a LitElement component and encountering issues with rendering certain elements conditionally inside a card. Here’s a brief overview of the problem:
Context:
I have a LitElement ...
0
votes
2
answers
98
views
How to serve static files from a Spring component project in a JAR, within a main project that depends on it?
I have two projects in Spring. One is a library of reusable components, which has static files (CSS, JS). The other project is the main application, where I need to serve these static files. By "...
0
votes
0
answers
34
views
Tracking signal changes with effect() in web components made with Lit
I'm building an audio streaming web app, with the use of some web-components created with Lit and signals (through the library preact-signals) for global state management.
Here is how it works :
In a ...
0
votes
0
answers
30
views
onClick event not being handled/fired while testing - Custom component with Lit Element using React Wrapper
I have this below component that is a Header Component with an AccessBar and an Icon Component with certain props. All the custom components are actually Lit Element components (uses shadowDOM) from a ...
0
votes
2
answers
41
views
Conditional Web Component Slot Container Based on Slotted Content
Given a web component extending LitElement:
import { html, LitElement } from 'lit';
import { customElement } from 'lit/decorators.js';
@customElement('my-element')
export class MyElement extends ...
0
votes
0
answers
90
views
provide to a context based on consumed property in lit
Lit Playground Example
As showed in my lit playground example, I want to pass a consumed context to provide a new context. But at the time of defining other properties, the consumed property is ...