Firefox and 2021.6.0 entity card only has one column

[faspina (Frank Spina)]

Weird problem after upgrade on firefox. my entity card is displaying in one column in stead of two. In other words my switch name was on the left and switch under that instead of aligned with the right side of the card. I downgraded to 2021.5.x and it went back to normal.

Running HomeAssistant /Home-Assistant in docker on unraid

[4711]

I noticed the same. Entities card puts icon, name and value in single column with Firefox (89.0; 64-bit; Windows 10). Works fine with Chrome and Edge.

[tom_l]

2021.6: A little bit of everything

How odd . We noticed that during beta cycle, Bram fixed TER to Release Important fix for Home Assistant 2021.06 · thomasloven/lovelace-template-entity-row · GitHub and all issues were gone. Still are here and with the other afflicted users in beta. You’re sure it’s not cache?

[4711]

Odd indeed. I tried clearing the cache for the relevant site multiple times. No change. To be certain I now tried to clear all cached data and now it is back to normal.

Seems it was not enough to clear cached data for the specific site, but needed to clear cache for some other sources too. Home Assistant pulling data for the UI from other source than the Home Assistant device? For next time, is there any advise on which sites’ cached data would be good to clear?

[faspina (Frank Spina)]

I have tried clearing all cache. no luck

[tom_l]

Do you use template-entity-row?

Did you update it?

2021.6: A little bit of everything

Update on the template-entity-row issue. It is a cache issue. Somehow these custom component js files are heavily cached by the browsers. Even control F5 does not refresh them You can enable developer mode in Chrome based browsers and then right click on the refresh button and select a hard refresh reloading all cache. In IOS you cannot refresh cache unless you clear everything and live a miserable life with cookie warning popups. There is trick. If you load the updated js file directly as a…

[vmmatty]

Same problem here for me. I tried clearing the cache and cookies on Firefox and it did sort of fix it for a couple of rows but as soon as I refreshed again it was all messed up. You can see the difference pretty clearly in these two screenshots.

Here is Firefox:

Here is Microsoft Edge:

Any suggestions?

[tom_l]

The cache is quite persistent. Try this:

With Firefox browser open, press Shift+F2 to open the Developer Toolbar. This usually appears at the bottom of the browser window. Type “appcache clear”, then Enter, to clear the cache.

[vmmatty]

Thanks for replying… Unfortunately Shift-F2 no longer opens the developer toolbar and the GCLI is no longer present in Firefox. There is a web developer toolbar that has a console screen where you can enter commands but the ‘appcache clear’ command is not recognized.

I’m open to any and all other suggestions!

[tom_l]

HA Caching

I have noticed this as well; ctrl-f5 used to work just fine but rarely anymore. I find myself having to actually go into settings and clearing cache (which ctrl-f5 ‘should’ do). I don’t know if it is a HA problem or a FireFox problem.

[KennethLavrsen]

On IOS this work around seems to work.

Load the JS file directly by URL https://MY-HA-URL/hacsfiles/lovelace-template-entity-row/template-entity-row.js where you replace MY-HA-URL by your local url for HA.

And then try F5 or control F5 a couple of times. That may force the browser to refresh the file because you load it directly like if it was a web page

[vmmatty]

Wish I could make this work on Firefox. I can load that file but refreshing it/hard refreshing it doesn’t change anything. Would love to find a workaround because it makes my HA dashboard look ridiculous on Firefox.

[vmmatty]

Has anyone had any luck in fixing this for Firefox? It makes the cards look so big the dashboard becomes difficult to use and look pretty bad.

I’m open to suggestions or happy to be a guinea pig for testing if need be.

Thank you!

[tom_l]

Update template-entity-row.

Clear your entire browser history and restart firefox.

That’s what worked for everyone else.

[vmmatty]

@tom_l

Update template-entity-row.

I am not sure how to do that part. Do I go to this ( https://MY-HA-URL/hacsfiles/lovelace-template-entity-row/template-entity-row.js and then refresh the page? I’m not sure how to update that file.

Thanks, appreciate the help.

[tom_l]

If you installed it with HACS update it through HACS.

[vmmatty]

That was the part I was missing. Thank you - that did the trick. Back to normal now!