Resultados da pesquisa a pedido "custom-element"
Qual é o objetivo da sintaxe "é" ao estender elementos em componentes da web?
Nos componentes da web, para registrar um elemento, basta digitar: var XFoo = document.registerElement('x-foo', { prototype: Object.create(HTMLElement.prototype) });Para criar um elemento, você pode fazer um destes: <x-foo></x-foo> var xFoo = ...
Como permitir que o CSS importado tenha efeitos nos elementos do shadow dom?
Diga se eu quero criar um elemento personalizado usando o sombra dom. Alguns elementos no modelo têm nomes de classe especificados no arquivo css vinculado. Agora, quero deixar que as regras css tenham efeitos sobre os elementos. Mas não consigo ...
Existe algum ambiente que implemente a nova especificação de elementos personalizados?
Uma nova versão dos elementos personalizados foi lançada em algum momento no passado (não tenho certeza de quando, pois eu não usei a especificação diretamente por um tempo). Existe algum polyfill ou ambiente que implemente a nova especificação ...
Estendendo <opção>
Estou tentando estender oHTMLOptionElement, <template id="cOptionTemplate"> <content></content> </template> <select> <option is="custom-option">Test</option> </select> var cOption = document.registerElement('custom-option', { ...
As tags html personalizadas na renderização da página ignoram a análise de HTML por algum motivo
Não sei por que está acontecendo, mas parece que as tags html personalizadas não podem analisar seu conteúdo adequadamente no carregamento da página, se houver realmente muitos desses elementos. document.registerElement('x-tag', { ...
O polyfill de componentes da Web de importação HTML não funciona no firefox
Estou tentando componentes da Web em um aplicativo de exemplo. Como algumas especificações não estão incluídas em alguns navegadores, tentei usar o polyfill para esses. No Mozilla firefox, tentei habilitar a chave dom.webcomponents.enabled e ...
Adicionando CodeMirror ao Shadow Dom do elemento personalizado?
Gostaria de criar dinamicamente uma instância CodeMirror dentro de um elemento personalizado e tê-lo ao vivo no DOM da sombra do elemento. Por exemplo: <code-mirror>foo</code-mirror> <script> window.customElements.define('code-mirror', class ...
Repetidor de elemento personalizado de baunilha para <opção>, <li>, <td>
Atualmente, estou tentando implementar um repetidorWebComponent permitir à empresa criar facilmente front-end sem depender de nenhumframework (decisão tomada pela arquitetura). Aqui está o meu código atual: <ul> <company-repeat datas='[{"name": ...
Criando uma linha de tabela personalizada
Estou tentando criar uma linha de tabela personalizada, mas tenho dificuldade em fazê-la se comportar corretamente. Eu tentei os dois métodos abaixo e eles dão resultados bizarros. Sei que isso é muito fácil sem elementos personalizados, mas este ...
Criando elemento customizado sem usar a palavra-chave da classe
Na verdade, essa é mais uma pergunta sobre o modelo de orientação a objetos no ES6. No entanto, vou usar a criação de um novo elemento personalizado como exemplo. Portanto, o método novo e brilhante (a partir de hoje) para criar um novo elemento ...