Resultados de la búsqueda a petición "custom-element"

1 la respuesta

¿Agregar CodeMirror a Shadow Dom del elemento personalizado?

Me gustaría crear dinámicamente una instancia de CodeMirror dentro de un elemento personalizado y hacer que viva dentro del Shadow DOM del elemento. Por ejemplo: <code-mirror>foo</code-mirror> <script> window.customElements.define('code-mirror', ...

4 la respuesta

El evento Click no se dispara cuando React Component en un Shadow DOM

Tengo un caso especial en el que necesito encapsular un componente React con un componente web. La configuración parece muy sencilla. Aquí está el código de reacción: // React Component class Box extends React.Component { handleClick() ...

1 la respuesta

Las etiquetas html personalizadas en la representación de la página omiten el análisis HTML por alguna razón

No sé por qué está sucediendo, pero parece que las etiquetas html personalizadas no pueden analizar su contenido correctamente en la carga de la página si realmente hay muchos de esos elementos. document.registerElement('x-tag', { ...

1 la respuesta

¿Cuál es el punto de la sintaxis "es" cuando se extienden elementos en componentes web?

En componentes web, para registrar un elemento simplemente escriba: var XFoo = document.registerElement('x-foo', { prototype: Object.create(HTMLElement.prototype) });Para crear un elemento, puede hacer uno de estos: <x-foo></x-foo> var xFoo = ...

3 la respuesta

Las rutas en los componentes web son relativas a la raíz

Estoy creando un componente web usando una implementación nativa, que en su plantilla html tiene enlaces a imágenes. Sin embargo, esos enlaces solo funcionan si son absolutos o relativos al documento principal, lo que significa que ese componente ...

1 la respuesta

HTML5 ES6 Custom-Elements extendiendo HTMLTextAreaElement bloquea constructor ilegal

Necesito extender un elemento personalizado de HTMLTextAreaElement para usarlo en un formulario y obtener el valor directamente. pero siempre recibo un mensaje de constructor ilegal HTML: <!DOCTYPE html> <html> <head> </head> <body> ...

2 la respuesta

Error al construir 'HTMLElement'

Corromy-widget.js a través de babel (preestablecido es2015) para producirmy-widget-es5.js. Esto causa un error con Polymer. Class constructor PolymerElement cannot be invoked without 'new' at new MyWidget (my-widget.js:##) at mw-widget.js ...

1 la respuesta

Polyfill de componentes web de importación HTML no funciona en Firefox

Estoy probando componentes web en una aplicación de muestra. Dado que algunas de las especificaciones no están incluidas en algunos navegadores, intenté usar polyfill para esos. En Mozilla firefox, probé habilitando la ...

2 la respuesta

¿Cómo desacoplar los componentes web?

Estoy tratando de trabajar sin marco, con componentes web de javascript puro. Quiero que mis componentes web funcionen de forma independiente y se utilicen en diferentes sitios, y también quiero que dos componentes puedan comunicarse. Por lo ...

2 la respuesta

webcomponents: oculta el menú desplegable en window.onclick

el menú desplegable se crea en shadowDOM casi perfecto, pero el problema es cómo ocultar el menú desplegable cuando se hace clic en cualquier otro lugar de la ventana class NavComponent extends HTMLElement { constructor() { super(); let ...