When editing entities, not able to edit unless I hit refresh

When I want to edit an


I find an entity and click on it.

Then I click on the cog to edit it.

This happens when I first go to an entity. But when I refresh, it works simply fine.

This happens with all entity editing. It does not happen on device editing.
Here are the browser console logs:

What could be causing this? Keep in mind, it works after I open an entity and then refresh it. I wonder if the whole page is not loading.

Thanks in advance.

I see this rather often with input helpers (number, boolean, etc) & templates created in UI.
In my setup:

  • 99.99% input helpers are in yaml, only a few were made in UI,
  • not more than 2-3 template entities were made in UI.

And when I need to edit any of these - I see similar:
изображение
i.e. a header w/o a content.

(in addition to that infinite window when adding a helper in UI):
изображение

1 Like

Also, I do not see the glitch with other entities. Only with input_helpers & templates made in UI.

When I want to edit on my mobile phone, I do not have a way of refreshing. I really want to know what causes this. I use Home Assistant on my computer 80% of the time, it is just easier for me to do things on the computer more than my phone. This is the one reason I love Home Assistant, unlike Amazon and Smartthings or even Smartlife. It is awesome that I have the same capabilities on both mobile and computers and tablets. But on mobile devices, I am not able to hit refresh, so I have to get on my computer and hit refresh. Once I refresh, all entities work fine.

In a Companion App for iOS - I do it by swiping down.

Android. It does not appear to have swipe down capability.
lidar, I am glad I am not the only one. Maybe in a few updates, this will be rectified or maybe someone will know how to fix this. :slight_smile:

Anyway, this should not happen.
Since you observe it often - here is what I suggest you:
– clean up a browser’s cache
– reboot HA
– keep watching
– when you observe this glitch - check Code Inspector (as you already do), make a screenshot, save a text error etc
– check HA Log for errors/warnings
– create an issue in Frontend (may be here, could be repeated in core if needed) with all related info

Looking at your screenshot of Code Inspector, I see “css rules”.
Could it be caused by some card in your UI?

to make it happen - probably some efforts should be done))