3,859 questions
1
vote
0
answers
32
views
New comment added via child component doesn't re-render parent’s comment list until page refresh
I have a <BookItem> component that loads a book (including its comments) via a custom useAsync hook and displays them. Inside it, I render a <CommentForm> child component that calls an API ...
- 23
1
vote
1
answer
22
views
binding svelte value to knockoutJS
I am integrating svelte into an old knockout js application, and I thought it would be a good idea to replace the inputs with svelte components.
So I created a svelte component:
interface Props {
...
- 3,061
0
votes
1
answer
40
views
Vue+Vite+Quasar as web component
I have vue3+vite+quasar project with pages, components, etc. and I want individual components to be able to be turned into web components so that they can be used in any other places, I already had a ...
0
votes
1
answer
33
views
Web Components: set properties before or after ConnectedCallBack
I have been using Web Components for quite some time but now and then I keep running into some issues that I can't explain.
Some context:
Attributes are used to pass text variables into a web ...
- 1
0
votes
0
answers
81
views
Flow Components in LitRenderer on Vaadin 24.7
I use LitRenderer to add a checkbox column to a grid. When using an <input type="checkbox">, the following code works:
final LitRenderer<Row> litRenderer = LitRenderer.<Row>...
0
votes
0
answers
29
views
How to properly wrap a WebComponent in Svelte(kit) 5
I need to use some WebComponents at $JOB inside SvelteKit, built as a SPA.
Supposing that <my-web-component> has:
API attributes (like disabled, but custom ones)
Methods
Events
What could be ...
- 468
0
votes
0
answers
25
views
Best way to integrate different Angular applications with SSG and SSR
I have a shell application in Angular that currently renders applications in web component mode, using ax-lazy-element (Angular Extensions Elements). All communication between the parent shell ...
- 13
0
votes
0
answers
63
views
Vitest + Playwrigth + LitElement, browser not working
TL;DR
I want to run my unit tests using Vitest but when using the fixture from @open-wc, it doesn't.
The problem
I have a project using Lit Element with a lot of unit tests and I'm using Playwright as ...
- 51
0
votes
0
answers
103
views
How to Access the Shadow DOM of a Custom Element in Vue Vitest
I’m working on a Vue component that contains a custom element with a shadow DOM. I want to test the content inside the shadow root of this custom element using Vue Test Utils. However, when I use ...
- 232
0
votes
1
answer
31
views
ShadowRoot layer will not honor console.log("xyz") or warn. Nothing gets printed after it executes
When I set breakpoint on the console.log and warn statements they are hit. However, looking at the console shows nothing.
constructor() {
super();
this.attachShadow({ mode: 'open' });
...
- 6,975
0
votes
1
answer
70
views
How to include vuetify3 inside vue3's component using composition API
I would like to build a web component using Vuetify3 inside of a Vue3's component that is using composition API.
How do I add Vuetify3 to MyNavbar.ce.vue component so that it is scoped inside the ...
- 1
0
votes
0
answers
34
views
Problem creating an event system in typescript for WebComponent
I try to implement a functional way to define WebComponent and I struggle with events. Here is what I did for the moment:
class BaseCustomComponent<Events> extends HTMLElement {
whenEvent<K ...
- 61
4
votes
0
answers
152
views
Window in not defined using Playwright and custom web components [closed]
I have a component library that exports a lot of custom web components. The components are registered using:
window.customElements.define('my-component', MyComponent);
When I try to run playwright ...
- 472
0
votes
0
answers
14
views
Webcomponent move slotted items in DOM
I am creating a menu structure that shows items in a popover when overflowing.
Basically, there a just buttons in a vertical layout (like the left menu of teams), when the container overflows, the '...
- 1,906
0
votes
1
answer
13
views
Use the details name attribute in a shadow DOM
How can the name attribute be used if a details element is inside of a shadow DOM?
When a name is set, multiple dialogs are supposed to be grouped, which allows them to be opened exclusively from each ...
- 61