Icon Disappears

[GitHubGoody]

I am using phu:tesla-icon in my header. On most of my devices (iOS app, Fire Tablets running FKB, and Tesla browser), it appears after clearing the cache and reloading, but later disappears requiring me to reset my cache again and the cycle repeats. This is the only icon that seems to be a problem. I'm using other brand icons and font awesome icons, but this one seems to be the problem. Could it be something with using brand icons in the header specifically?

[elax46]

Thank you for raising the issue unfortunately the issue is already known and depends on the Home Assistant cache management policy. I will investigate further to see if it is possible to resolve the issue I remind you that you still need to enter your configuration.yaml this additional code

frontend:
extra_module_url:
   - /local/community/custom-brand-icons/custom-brand-icons.js

[GitHubGoody]

@elax46 Thank you for looking into it.

Is that code still required if I've already added the path to my Dashboard Resources (my understanding is that it is not):

[elax46]

@elax46 Thank you for looking into it.

Is that code still required if I've already added the path to my Dashboard Resources (my understanding is that it is not):

no it's the same thing! that's okay

[rchiileea]

I think you should just leave it for a week and see if returns back, if not ill redo the icon again to check, can you refer exactly which tesla one it is (peugeot one when applied dissapears only in ios app, but is permently there after about 5 to 7 days) its a strange bug indeed.

[GitHubGoody]

@rchiileea It's been a couple months and it comes and goes routinely from the dashboard tabs where I'm currently using it. It's the Tesla T logo.

[rchiileea]

@GitHubGoody I have investigated this and can say 98% sure this is on ios devices right?

[GitHubGoody]

No, iOS app, Fire Tablets running FKB, and Tesla browser.

[rchiileea]

Is it just the Tesla icon? Or others, as I have no issues on my fire tablets with my ones from repository and I run fkb too.. if it is just Tesla one I’ll update it tomorrow

[GitHubGoody]

Random Echo icons used to be an issue, but they all seem stable now. So, yes, I think it's just the Tesla icon for the ones I'm using anyways. Thank you.

[rchiileea]

tried a differnet way to do it, lets see if its better

[GitHubGoody]

Cool. I just updated, but didn't see it in that update. Waiting for the next merge and push?

[elax46]

Cool. I just updated, but didn't see it in that update. Waiting for the next merge and push?

The new version has just been released if the problem is no longer present write it so I will close the request

[GitHubGoody]

The problem persists. So far, I've tested it on the iOS app (iPhone 11 Pro and iPad Pro) and my Laptop (Windows 10/Edge). Initially, the icon loads in the header tab, but any reload and it goes blank. A refresh does not recover it. I've also tried to clear the cache (iOS app and Edge), then reload and refresh. The icon still does not return.

[elax46]

The problem persists. So far, I've tested it on the iOS app (iPhone 11 Pro and iPad Pro) and my Laptop (Windows 10/Edge). Initially, the icon loads in the header tab, but any reload and it goes blank. A refresh does not recover it. I've also tried to clear the cache (iOS app and Edge), then reload and refresh. The icon still does not return.

I still don't understand the question, is the icon that is not displayed always the same? have you tried to restart HA? The iOS cache management problem is partly known but with Windows there is no problem I recommend that you check your HA installation well at this point or also check the error log because there is something in your installation that does not work or that it conflicts in some way - what do you think? @rchiileea

[GitHubGoody]

Yes, it's always the same icon and is the only icon with the issue. Yes, the problem tracks through multiple HA restarts.

[rchiileea]

i have this icon in my dash as a replacement to test, lets see what happens

[elax46]

i have this icon in my dash as a replacement to test, lets see what happens

After twenty days of testing how is the situation?

[rchiileea]

iits still there so I am a bit confused, after a restart some of my icons are missing but a quick reload fixes this (its the same for any custom icon).

[elax46]

iits still there so I am a bit confused, after a restart some of my icons are missing but a quick reload fixes this (its the same for any custom icon).

Well if it always appears at this point I think I can close the request

[GitHubGoody]

@elax46 It's still the only icon I have problems with. There should be a Tesla icon in the space indicated by the the red square.

[GitHubGoody]

@elax46 I just started using the new HEOS icon in the header bar similar to how I was using a Tesla logo. It seems to be acting flaky as well - sometimes displaying, sometimes not.

The same custom brand icons (Tesla and HEOS) seem to work fine elsewhere in the UI and mdi: icons do not disappear in the header.

Any chance Home Assistant has some sort of sporadic issue with phu: icons in the header bar specifically?

[rchiileea]

Try this as when I used a older Samsung tablet I had a issue. Clear cache on browser without opening home assistant,

Download the latest custom brand icons js file from git hub, upload it to www/community folder.

then add this to your configuration.yaml

frontend: extra_module_url -/local/community/custom-brand-icons/custom-brand-icons.js

then go to hardware 3 dots and shutdown system then Reboot. Let me know how that works out

[GitHubGoody]

I'm trying this on an old iPad mini and my Laptop's Edge browser. I had to have the HA iOS app open on the iPad to clear the frontend cache, but otherwise followed your instructions.

To be sure, here's what I have in my configuration.yaml:

frontend:
  extra_module_url:
    -/local/community/custom-brand-icons/custom-brand-icons.js

After a reboot, what I observed was that on both devices a browser refresh and/or HA three dot>refresh would sometimes cause the phu: icon to disappear, but refreshing using the same refresh method that made it disappear could either return the icon or not. It did not seem that either method produced more consistent results than the other.

Also, I already had this configured in the UI Dashboard Resources:

[GitHubGoody]

@rchiileea @elax46

I'm starting to learn CSS a little more for card-mod, so I've been using the inspector. I noticed I get an error that seems like it may be the cause of this. When I click the error, it brings me to the Console tab and displays this message:

When I click either of the Overview links, it brings me to the Sources tab and displays this line with the red x next to it:

Here's the entry I have under Dashboards > Resources:

Do you think that extra '-' in front of the path is causing these issues?

[elax46]

There seems to be a formatting typo one space is missing @GitHubGoody

frontend:
  extra_module_url:
    - /local/community/custom-brand-icons/custom-brand-icons.js

[GitHubGoody]

Thanks. I think we may have finally just solved this issue (my misconfiguration). After multiple page reloads/refreshes the custom brand icons no longer disappear. I also realized I have it configured via both methods (frontend: and resources). Which one should I remove or does it matter?

[rchiileea]

leave them both, the adding to config, keeps the icons in menu, for some reason on some browsers.