Correspondência incorreta da tag ao ícone da tag

Primeiramente, gostaria apenas de agradecer por este componente incrível. Ele realmente ajudou a categorizar e distinguir facilmente entre tags e, por fim, categorias. Nossa comunidade tem dado feedback incrível sobre este componente, então obrigado!

Parece que estou enfrentando dois problemas separados que espero que possam ser resolvidos:

  1. Os ícones são inseridos corretamente, mas nunca aparecem (semelhante ao @MrDavis97, mas também diferente, pois eles nunca apareceram desde o início).
  2. Algumas tags mostram onde o ícone deveria estar, mas nada aparece.

Exemplo 1:
Inseri duas tags diferentes, ambas usando o mesmo ícone do Font-Awesome (exclamation-circle). No entanto, em uma tag funciona, e na outra, não funciona.

Tentei usar um ícone FA diferente, excluir e re-adicionar, mas nada parece funcionar.

Isso também aconteceu com outras tags (open-zwave-1-4, open-zwave-1-6, zwave-js-2-mqtt, zwave-2-mqtt, etc): Inovelli Community

Exemplo 2
Este é realmente estranho e possivelmente é um problema com o FA. Uma das nossas tags (google-home) queríamos usar o ícone do FA, “Google”. Como você pode ver no diagrama abaixo (desculpe por todas as setas) – o vermelho mostra como foi implementado, então o roxo mostra que a tag não aparece (parece haver um espaço reservado – quase como se aquele ícone FA não funcionasse). Outra coisa estranha é que parece aparecer corretamente quando inspecionei a página. Confirmei que este é um ícone gratuito, então deveria funcionar. A única coisa que consigo pensar é que talvez haja um bloqueio em logotipos registrados? Não tenho certeza.

Como você também pode ver – se eu substituir o ícone do Google por outro diferente, funciona. Então, novamente, pode ser apenas um problema do FA, mas queria mencionar para ver se mais alguém experimentou a mesma coisa.

De qualquer forma, pelo menos, adoraria ter alguma ajuda com o primeiro exemplo, se possível.

Obrigado novamente por um componente tão legal!

5 curtidas

Tenho exatamente o mesmo problema novamente, mas agora com as tags “discourse” e “jitsi”. Não consigo adicionar nenhum ícone a elas. Na verdade, nenhuma tag recém-criada pode receber um ícone. Tags existentes podem ser modificadas sem problemas. Existe alguma maneira de gerar um log sobre isso?

1 curtida

Não tenho certeza, mas talvez haja um problema após um certo número de tags nas configurações. Você pode me dizer quantas tags você está adicionando ícones, aproximadamente?

Tenho 33 tags agora, todas listadas aqui.

1 curtida

Olá @AquaL1te e @e3hines,
Fiz uma atualização no componente que corrige o bug que vocês dois encontraram.

O problema era que o código do componente estava, anteriormente, correspondendo à tag errada para um ícone específico. No site do AquaL1te, isso fica bastante evidente:

Quando o componente procurava um ícone para jitsi, ele correspondia erroneamente a it para obter o ícone (e só em um segundo passo verificava o nome completo da tag; como não havia correspondência, nada era exibido).

Se vocês atualizarem o componente, o problema deve ser resolvido.

Como o Font Awesome possui vários conjuntos de ícones, os ícones de marca precisam de um prefixo. Tente usar fab-google, isso deve funcionar. (E desculpe por ter demorado tanto para responder a isso…)

6 curtidas

Isso realmente resolveu! Obrigado!

1 curtida

Ótimo, isso resolveu para mim também — muito obrigado!

1 curtida