Resultados de la búsqueda a petición "custom-element"
¿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 = ...
¿Cómo dejar que los CSS importados tengan efectos en los elementos de la sombra dom?
Decir si quiero crear un elemento personalizado usando shadow dom. Algunos elementos de la plantilla tienen nombres de clase especificados en el archivo css vinculado. Ahora quiero dejar que las reglas CSS tengan efectos en los elementos. Pero no ...
¿Hay algún entorno que implemente la nueva especificación de elementos personalizados?
Se ha lanzado una nueva versión de los elementos personalizados en algún momento en el pasado (no estoy seguro de cuándo, ya que no he usado directamente las especificaciones durante un tiempo). ¿Hay algún polyfill o entorno que implemente la ...
Extendiendo <opción>
Estoy tratando de extender elHTMLOptionElement, <template id="cOptionTemplate"> <content></content> </template> <select> <option is="custom-option">Test</option> </select> var cOption = document.registerElement('custom-option', { ...
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', { ...
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 ...
¿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', ...
Repetidor Vanilla Custom Element para <option>, <li>, <td>
Actualmente estoy tratando de implementar un repetidorWebComponent para permitir que la empresa cree fácilmente front-end sin depender deframework (decisión tomada por la arquitectura). Aquí está mi código actual: <ul> <company-repeat ...
Crear una fila de tabla personalizada
Estoy tratando de crear una fila de tabla personalizada, pero tengo dificultades para que se comporte correctamente. He probado los dos métodos siguientes y dan resultados extraños. Me doy cuenta de que esto es muy fácil sin ...
Crear un elemento personalizado sin usar la palabra clave class
En realidad, esta es más una pregunta sobre el modelo de orientación a objetos en ES6. Sin embargo, voy a utilizar la creación de un nuevo elemento personalizado como ejemplo. Entonces, el método nuevo y brillante (a partir de hoy) para crear un ...