タグアイコンに間違ったタグを一致させる

まず、この素晴らしいコンポーネントを提供してくださり、本当にありがとうございます。タグとカテゴリを分類し、見分けるのが格段に楽になりました。私たちのコミュニティからもこのコンポーネントについて素晴らしいフィードバックをいただいております。心より感謝申し上げます!

さて、以下の2つの別々の問題が発生しており、解決できればと考えております:

  1. アイコンは正しく入力されているのに表示されない(@MrDavis97 氏と同様の現象ですが、こちらは最初から表示されなかったという点で異なります)
  2. 一部のタグではアイコンの場所が確保されているが、何も表示されない

例1:
2つの異なるタグに、同じ Font-Awesome アイコン(exclamation-circle)を設定しました。一方のタグでは正常に表示されるのに、もう一方のタグでは表示されません。

別の FA アイコンを試したり、一度削除して再追加したりしましたが、どうにもなりません。

この問題は他のタグ(open-zwave-1-4、open-zwave-1-6、zwave-js-2-mqtt、zwave-2-mqtt など)でも発生しています:Inovelli Community

例2
こちらは非常に奇妙で、もしかすると FA 側の問題かもしれません。あるタグ(google-home)で FA の「Google」アイコンを使用したいと考えていました。下の図(矢印が多くてすみません)をご覧ください。赤が実装方法を示し、紫がタグが表示されていない様子を示しています(プレースホルダーのようであり、その FA アイコンが機能していないようです)。もう一つ奇妙な点は、ページをインスペクトすると正しく表示されているように見えることです。これは無料のアイコンであることを確認済みですので、本来は問題なく動作するはずです。考えられるのは、商標ロゴにはロックがかかっているのではないか?ということです。確証はありません。

ご覧の通り、Google アイコンを別のアイコンに置き換えると正常に表示されます。つまり、これも FA 側の問題かもしれません。同じような現象を経験された方がいるか確認したく、報告いたしました。

とにかく、可能であれば例1の件についてお手伝いいただければ幸いです。

また、このような素晴らしいコンポーネントを提供してくださり、改めて感謝申し上げます!

「いいね!」 5

この問題は再度発生しています。今回は「discourse」と「jitsi」というタグで問題が起きています。これらのタグにアイコンを追加することができません。実際、新しく作成されたタグにはアイコンを割り当てることができません。既存のタグは問題なく変更できます。この問題に関するログを生成する方法はありますか?

「いいね!」 1

はっきりとは分かりませんが、設定内のタグが一定数を超えると問題が発生している可能性があります。アイコンを付けるタグの数は、おおよそいくつでしょうか?

現在33個のタグがあり、すべてはこちらにリストされています。

「いいね!」 1

@AquaL1te さん、@e3hines さん、こんにちは。
お二人が遭遇したバグを修正するコンポーネントの更新を行いました。

問題は、特定のアイコンに対して間違ったタグをマッチングしていたことにありました。AquaL1te さんのサイトではこれが非常に明確に表れています:

コンポーネントが jitsi のアイコンを検索する際、誤って it をマッチングしてアイコンを取得していました(その後、2 段階目でフルタグ名を確認しますが、一致しなかったため何も表示されませんでした)。

コンポーネントを更新すれば、この問題は修正されているはずです。

Font Awesome には複数のアイコンセットがあるため、ブランドアイコンにはプレフィックスが必要です。fab-google を使ってみてください。これで動くはずです。(この件への返信が遅れてしまい、申し訳ありません…)

「いいね!」 6

確かにそれで直りました!ありがとう!

「いいね!」 1

素晴らしい、私にも解決しました!本当にありがとうございます!

「いいね!」 1