Resultados de la búsqueda a petición "shadow-dom"
Cómo proteger el estilo div incrustado para no ser anulado por el estilo del sitio web
Tengo div con su propio estilo. Incruste este div en otro sitio web. <div id="scoped-div"> <style> label { color: green; } </style> <label> Scoped div </label> </div>Pero me enfrento al problema, mi estilo div está anulado por el estilo del ...
¿Cuál es la diferencia entre el modo de encapsulación DOM de sombra abierto y cerrado?
Quiero crear un DOM de sombra para un elemento para poder mostrar elementos para una extensión de Chrome sin que los estilos de página los afecten. Cuando miré la documentación paraElement.createShadowRoot Vi que estaba en desuso, así que ...
¿Cómo detectamos si se hizo una raíz sombra con la API v0 o v1?
Supongamos que un módulo JS exportashadowRoot que fue creado con cualquierael.createShadowRoot oel.attachShadow (No sabemos cuál). ¿Cómo detectamos si la raíz es una raíz sombra v0 o una raíz sombra v1 (es decir, cómo detectamos qué método se ...
¿Cómo acceder al elemento host desde la raíz de la sombra usando Shadow DOM v1?
Dado un elemento contenido en una raíz sombra, ¿cómo puedo llegar al elemento que aloja dicha raíz sombra? ¿Hay una sola manera de lograr esto independientemente de dónde esté un elemento en el árbol (es decir, si se le da una referenciaelement2 ...
¿Qué significa: host / deep / selector?
Por favor explique de manera directa qué:host /deep/ medio: :host /deep/ .ui-autocomplete { width: 85%; }
¿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', ...
Representar contenido entre las etiquetas de componentes
Cuando se representa un componente, el contenido dentro de él se ignora, por ejemplo: import { Component } from '@angular/core'; @Component({ selector: 'app-root', template: '<div>{{title}}</div>', }) export class AppComponent { title = ...
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 ...
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 ...
¿Cuáles son los inconvenientes de usar Shadow DOM?
En los tutoriales solo veo los beneficios de Shadow DOM, pero también debería haber inconvenientes. ¿En qué casos debemos evitar usar Shadow DOM?