Issue with displaying other cards inside of custom-button card #885
Unanswered
JaroslawPrzybyl
asked this question in
Q&A
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
From a long time Im using popular solution to group cards using custom-button card as a container. It's an easy way to keep entities it together, with styles, frames, backgrounds etc. Here is one of such a cards from my frontend as example:
Unfortunately near from the beginning of implementing this solution, I started experiencing issues with displaying my dashboard, on web page and android app the same: first tab is very often not fully downloaded. No errors in log, no errors on the page, just empty dashboard. Reload (or kill the android app and start again) and everything is ok. Or not. Sometimes one reload is enough, sometimes I have to do it few times. And always only first tab of frontend is affected.
Last time i spent some time with this issue and as I found, it is connected with custom-button card used as a container. Simply: there is a container: there is an issue. No container - no issue.
Especially for investigating I built simple dashboard without styles etc, it looks awful but issue still is visible. Here is a code:
The same verical stack with the same content, first as a container in custom-button, second: standalone.
How it looks when everything is fine:
And most often when page is opened at first time, or just after reloading:
As you see first half of code, where custom-button is used as a container is not displayed here. I can reload one more time and it will be again ok or I can also just wait. Sometimes a minute, sometimes 10 min and lacking content will be displayed also.
And when I look at DevTool, Netowrk, I can see that everything is downloaded, but websocket is still in "waiting" ("oczekuje" in my language) state:
and mentioned line 73:
I haven't enough knowledge to investigate it deeper, any help would be appreciated.
Beta Was this translation helpful? Give feedback.
All reactions