web-component Questions
1
Solved
I am able to build vue web component and load it in other pages, but I can't find document how to correctly include a UI framework. It seems the web component is under shadowDOM and import css usin...
Ovoviviparous asked 14/2, 2022 at 6:0
3
Solved
Sometimes you might need to render web-components from your react app.
Web-components often use a special <template> ... </template> tag.
But if I try to render such markup with react ...
Marlow asked 16/3, 2017 at 21:35
3
This is one of those "what should we do about this"-questions. As you know, web components are supposed to be small, contained applications for websites. However, sometimes these needs to be styled...
Terisateriyaki asked 19/10, 2018 at 12:43
1
Solved
I want to get raw string of css in npm module through vite.
According to vite manual,
https://vitejs.dev/guide/assets.html#importing-asset-as-string
It says we can get raw string by putting "?...
Revivify asked 4/2, 2022 at 6:33
6
Solved
As I am looking at the examples in the reference for controlled form components in react.js official website, I am wondering how is one supposed to implement a form in which you would be able to re...
Haldan asked 18/2, 2017 at 14:43
1
I am trying to create a web component using vue cli 3 by running following command
vue-cli-service build --target wc --name wc-demo 'src/App.vue'
I am facing issue with loading fonts and material...
Swig asked 28/1, 2020 at 6:58
0
My team has already created a web page with Flutter/Dart. It works, great! But it is now asked that the web page shall be integrated into a partner web site by means web components. That means we s...
Tager asked 9/12, 2021 at 10:5
1
Solved
ive started making a HTML/CSS/Vanilla JS web component library, and so far everything is going great.
im using the typical ::part and all that, but i stumbled accros ::theme selector aswell, which ...
Mitzimitzie asked 13/8, 2021 at 17:41
2
Solved
I am writing a chrome extension that modifies elements properties as a page is loaded or changes.
I do this using a Mutation Observer. However the observer's handler is not called when shadow-dom ...
Vomit asked 28/10, 2017 at 23:15
3
I am trying to design web components using lit Element and I need an help regarding the events.
As we can see from the attached snippet we could use @change="${this.handleEvent}" in html ...
Canterbury asked 27/10, 2021 at 21:24
2
MVCE
You can execute this code snippet:
const a = document.createElement("div");
// display big red rectangle in top left
a.style.position = "absolute"; a.style.left = "10px"; a.style.top = "1...
Parfleche asked 20/10, 2021 at 10:18
5
I want to execute a defined class function from an Element inside my Web Component:
customElements.define('first-component', class FirstComponent extends HTMLElement {
constructor() {
super();
...
Drynurse asked 28/12, 2018 at 19:43
1
Solved
I'm trying to use some web components inside a React application. However, React is not able to detect the web component tags.
import React from "react";
import "./App.css";
imp...
Sherlynsherm asked 1/9, 2021 at 5:12
1
I read this thread and created web-component:
<my-vue-web-comp [userId]="1"></my-vue-web-comp>
It works fine in Angular when I set static prop. But when I try to set property...
Rhyolite asked 30/8, 2021 at 15:31
3
Solved
Can we render a Blazor component as an independent DOM fragment, or somehow else consume it as a standard Web Component within a vanilla HTML/JS page?
This might be a naive question from the Blazor...
Colvert asked 23/8, 2021 at 8:54
3
I'm experiencing with knockout.js components and require.js.
This is working well so far, but I'm struggling with the following.
Let's say I have one instance of my component in a very simple html...
Thao asked 10/3, 2016 at 15:21
3
Are the technical concepts of Angular Elements and Stencil similar?
Angular Elements will be a new feature in Angular 6, where u can basically wrap your written Angular component as a Web Componen...
Communistic asked 20/4, 2018 at 9:32
1
Solved
I am building an app using Vue and Vuetify with Web component; when I added Vuetify as a web component, the CSS style Vuetify has disappeared. I tried adding to the demo.html file the <link rel=...
Lenitalenitive asked 26/7, 2021 at 17:19
1
In react, we can use PropTypes to mark a specific prop as a required one.
requiredFunc: PropTypes.func.isRequired,
Vue also supports required props:
propC: {
type: String,
required: true
},
H...
Hade asked 16/6, 2021 at 19:10
1
I have a web component that renders the following in the shadow dom:
<custom-banner>
#shadow-root
<div part="headertext">
I am the header text!
</div>
...
</cust...
Castera asked 11/6, 2021 at 16:53
5
Solved
I have a special case where I need to encapsulate a React Component with a Web Component. The setup seems very straight forward. Here is the React Code:
// React Component
class Box extends React....
Azoth asked 16/6, 2016 at 17:57
2
I created a Web Component class to extend div, and used customElements.define() to define it:
class Resize_Div extends HTMLDivElement {
constructor(){
super();
this.cpos = [0,0];
<etc.>
...
Conservatory asked 15/2, 2019 at 22:55
2
Solved
Using the web components specification, is it possible to extend a specific type of <input> element?
This question is similar to mine, but it only specifies how to extend a button element, n...
Wheen asked 25/8, 2014 at 23:32
2
I'd like to implement a listbox widget using the current web components specs. Moreover, the resulting listbox should conform to the ARIA standard. Instantiating the listbox widget should be as sim...
Collateral asked 13/5, 2014 at 6:38
1
I am trying to create a blank project, like a template, using lit-html. I wanted to also add some testing capabilities, so i have been trying to get it to work with Karma.
I can run a normal test, ...
Maccabees asked 10/9, 2020 at 19:32
© 2022 - 2024 — McMap. All rights reserved.