Crashing the browser consistently #152
Comments
|
In addition to Nuuki9 I'd like to add mine here in the same thread. HAOS 2023.10.5 In the early stage I had my dashboard fully adapted to Bubble Card and dashboard is still crashing with v1.4.2. Cards that are in use with Bubble Card are: - Logbook Card Tried the below and nothing really works so far
Any suggestions? Cheers |
|
Exactly the same for me. |
|
I am not a programmer or advance Home Assistant user. But what I do found is whenever the crash/dashboard reload happens there are quite a few things logged by HA. I was able to collect them via Developer Tools > Events and listen to the call service events. The specific event that I am seeing every time is: - event_type: call_service Anyone got an idea how we might be able to help while Clooos is away? I do really like Bubble Card and hoping to use it as my only dashboard. |
|
Once HA frontend is updated to 20231030.1 (Included from 2023.11.0 update) bubble card stability improved. A few points noted here:-
Hope this help. |
|
I'm getting identical behaviour on 2023.11.0 as I was seeing before, from a Windows browser. |
|
Even after the update to 2023.11.0 the error still exists. |
|
Hey! I recently opened a bug with problems on mobile browser (any like safari, edge and Firefox). In HA companion it was completely refreshing. It got better for a while with version 1.4.2 (or was it even with 1.4.1), why the bug was closed, but I am now seeing it regularly again. I had to revert again to version 1.0.3 to have a stable setup again. For me it looks like this in HA companion app (Firefox is default browser). Do you have similar issues? RPReplay_Final1697095427.movPS: I hope that Clooos enjoys the holidays and the beer. Well deserved :-D |
|
I have exactly the same problems. When I use the popup card on a blank dashboard, HA becomes increasingly slow. Until it doesn't work at all anymore. In the HA app on Android and in Edge on Windows. It's only better in Chrome. Still GREAT work. The bubble cards are great. |
Exactly the same for me ! As I am currently redesigning my dashboard and desperately wanting some kind of sticky footer, I decided to let Bubble aside for the moment while hopefully it’ll get fixed and to try another one. So I tried the Mobile First sticky footer, also very nice and also designed by Clooos (you make incredibly beautiful designs !!) I ran into exactly the same issue ! My dashboard refreshes itself 2 or 3 times and ends up being stuck without anything displayed, exactly like the video previously posted. Once the sticky footer is removed, everything is working fine. Maybe the investigation should be oriented toward the compiled JS or something that might be coded the same way for both Mobile First and Bubble Card’s sticky footers instead of performance or memory leaks ? |
|
With version 1.03 as Nazze said it works without memory problems |
|
Correction: Even with 1.03 there are memory problems when editing the card in Edge. Only later |
|
There are memory problems in 1.03, but it still works much better on my dashboards. |
|
I had my iPhone updated to 17.1.1 and it has not crashed for 2 hours. |
Yeah! If I reboot my iPhone, it is stable for a couple of hours. But then the problems appears again. |
|
Thanks a lot for all your comments, it helps me a lot! Bubble Card is working great with Chrome (my main browser) but indeed on the other browsers it's pretty terrible, I realize that only now! 😅 I was able to reproduce the issue and that's a good start, this issue is my first priority now. And I really enjoyed my holidays, thanks! |
|
Please tell me that it's working 🤞 |
|
Welcome back ;) |
|
Welcome back @cooos! Here is my result with iOS 17.1.1 + Bubble Card 1.4.3. iOS iPad Windows |
|
And can you all confirm that 1.0.3 was better than this version? I really need to understand what is the root cause of all of this. And thanks again for all all your feedbacks! Edit: And if you have some console logs to show me when it happens it will help me even more! |
For me, the more bubbles the slower / unstable. Whenever I need to update something I am now using either raw editor or temporary move one of the bubble to another dashboard and once it's in another dashboard everything back to normal. Can you provide step by step how exactly we can help and get you the console logs? |
I tried to access the console log with developer mode to debug the Firefox on my iPhone from my Mac. But when the issue happens,also the console refreshed, so I am not able to see any errors or so. Really strange. Would it make sense that you provide us with a special debug version, with debug outputs or debug logs? |
|
Ok so I got two iPhones here, one for me and one for my partner. My partners' one is more like an end-user device who will not routinely restart/reboot apps and after half of a day yesterday it starts doing the refresh and blank screen again. Restarting HA app won't help much. While on my device, I've been getting the same since last night (about 8 hours after upgraded to iOS 17.1.1) and same until now. @Clooos Please do let me know how I can get you the debug log if that might help you fix the issue. |
|
Excellent !!! I work with Windows 11 and Edge. Thank you |
|
I'm installing the iOS simulator and I will try to debug this myself first. I really want to be able to reproduce this issue. |
|
Hi! I've just released v1.4.4, can you give me your feedbacks? 🤞 |
This is great! For the very first time it runs with Edge on iOS, although I am still getting the same with Safari but I don't actually use Safari much. I believe it will again take hours or days to observe if there are still any other issues and at this point, please see my other findings.
Talking about new features, do you have plans to support things like select, vacuum, fan, radiator... etc? Can't wait to migrate everything to bubble! |
|
I experience the same crash and stuttering while scrolling as before. In an empty "demo" dashboard it works without problems, in a more complex one with picture cards, swiper and tabs it crashes on scroll down/up. I will check later in the simulator, if it's happening there too. Update: the browser rendering stack is overloaded by my cards. When I move the content of the popups in conditional cards based on an input_boolean the performance is good again. I did it only for the heaviest cards and now it is stable on iOS. The only thing missing currenlty is a way to call a service on close to rest the state. |
|
Thanks for your feedbacks! Here is a new beta version, can you please try to follow the instructions to configure it? https://github.com/Clooos/Bubble-Card/releases/edit/v1.5.0-beta.1 |
|
Yes, it looks like it is the one! Great work, finally Home Assistant feels more like an app and not like a web interface! |
|
Just Yeah !!! 🍻 And now I really hope that it will stay stable after a few days of testing 🤞 |
Happy Thursday! So far so good here on 1.4.4 without cameras. When you are fixing the camera can you please also have a look at why it becomes less responsive when editing the dashboard using UI? It slows down usually after I add a card and when choosing entity. |
|
I just went through re-pairing 110 ZigBee devices last weekend, and it turned out that a few of them got a different entity name after re-pairing. Of course, this has nothing to do with Bubble Cards, but what I found was that Bubble Cards are very sensitive to invalid entities. The moment I had everything repaired, I looked at my Bubble dashboard and attempted to check if anything was missing. While the loading time was slow, and if there were any invalid entities, Bubble Cards hid them instead of giving a visible error. In this case, it is either the users knows/remember exactly what was being added or they will need to go through the codes manually. This makes me wonder also, let say if I have an entity somehow dropped from the network, will it affect the performance of Bubble Cards too? |
Hi I don't have cameras in my dashboard. I made an analysis, which cards I use. I have removed all "unreachable/invalid" entities from my dashboard, but there was no change wrt to stability (tested with 1.5 beta) Cheers tile | 97 |
|
You know that I am still running v1.0.3, @Clooos.
So it seems the error was always there but triggered only with swipe up. See video with 1.0.3 on edge and ha. RPReplay_Final1700168268.mp4RPReplay_Final1700168319.mov |
Hi Nazze I am on iOS 17.1.1, Bubble Card 1.4.4 and HA App and it's been working fine for more than 48 hours. See if you want to give it a try. |
|
This should be THE one : |
|
Mate. It is just simply not working. Upgrade from 1.4.4 to 1.5.0-beta.2 via HACS return no error, but bubble-pop-up.js is not downloaded. Manually downloaded and placed the file to bubble-card folder, manually add extra module, restart HA, reload themes. And I can't see any cards. no matter it is 1.5.0b1 or b2, once bubble or bubble pop up js is added as extra_module and my whole HA (not only dashboard) slows down instantly. I am rolling back to 1.4.4 and let see what come next. |
|
I have a similar problem. Changed the code and followed the installation instructions... Reverting now to 1.0.3, otherwise my wife will kill me 😂 
|
|
@Nazze indeed the @willliamchan I really don't understand why you still have this issue. My guess is that some custom cards are in conflict, but I can't be sure without trying your config. If any of you can create a new dashboard view, then if you can try adding different cards to see what card is slowing it down it would help me a lot! Because on my side this version is the best so far. And if any of you can share with me its full dashboard YAML (on Pastebin or GitHub), it would help me a lot too! Thanks in advance! |
Happy weekend Clooos. It could have been too late last night when I was trying to upgrade and missed a step or two. I am going to give 150b2 another try and this time I will document each steps and you will know the outcome very soon. |
|
As a start, this is what I got with 1.4.4. Before upgrade:- Upgrade steps: -
I think at this point I am officially on 1.5.0.beta.2. A few things to note here:-
To summarize / simpify the upgrade steps from my testing: -
I hope this might help some of you to upgrade your Bubble Card to v1.5.0.beta.2 |
|
Quick question for you, let's say you fixed all those loading issues and I know putting js as extra_module will help loading them even faster. Do you think one step back to update your package and add bubble-pop-up.js as resource maybe something easier too? As an end-user like me who doesn't know much about the "behind the scenes" stuff would properly want to stick with easy steps only. I can confirm here also Edge + Safari on iOS are both loading Bubble Card with no issue, even screen rotate can't break it. |
Yeah, I would appreciate this, too. I don't want to screw up my system by playing with files...🙈 I have uploaded my dashboard yaml to a private github repo and added you as collaborator, @Clooos . Did you get the invite? Never tried that before... |
|
I can confirm that 1.5.0b2 working now under iOS in a more complex setup. |
|
Hi again everyone, I've fixed the missing https://github.com/Clooos/Bubble-Card/releases/tag/v1.5.0-beta.3 @willliamchan thank you for your detailed feedback! I understand that the previous beta was a nightmare to install, but I've just tried beta 3 by installing it from HACS, then I simply added the line in my configuration, restarted Home Assistant, and that's it. I understand that this is an additional step for the end-user, but this is the best way to have pop-ups that really work. I believe that if the user was able to install HACS, they would know how to add a simple line in YAML 🙂 But indeed, I will add something like "Update only card-type:pop-up to use custom:bubble-pop-up.", it will indeed be clearer. @Nazze you don't risk anything by adding it. This file only impacts your frontend (your browser) and not your Home Assistant installation. I've received your invite and I will take a look at it, thanks! @hellomarb indeed pop-ups have to be at the end of your view, but since beta 2 this should be fixed. I've never seen any pop-ups content when loading the page. Maybe because I have mostly Bubble Cards, a shopping list, and two cameras in my pop-ups. I will probably have to try a more complex setup to fully debug it. But I will try your suggestion, it's not a bad idea at all! Edit: Even if I put a pop-up at the first position I'm not able to see it when I reload the page, I've tried that with a simple pop-up with a single camera in it. But I will try with a more complex pop-up. Thanks everyone, really! Edit: And please tell me if you think that this version can be pushed as stable with a bit more work on it 🤞 |
|
Alright. I am on 1.5.0.Beta.3 and had bubble-pop-up.js added as extra_module. Although my dashboard is working but is the below something expected or unexpected? As long as I stay in my dashboard this keeps happening.
|
|
Try to clear your cache and/or remove it from your dashboard resources (keep it only in your configuration.yaml), this issue is because you seems to use it twice. |
|
@Clooos OK, I managed to install beta3. And the very first test looks quite good. 🥳 No crash on Safari, Edge and Firefox Mobile and on the HA companion app. On Desktop, when I reload, I can see some popup flashing up shortly and disappearing. But this is only during the loading process (you don't have lazy loading or similar mechanisms to speed up the loading?) Thanks again for you continuous effort. This is really a great frontend integration. I am happy to be able to create my own dashboard with full flexibility and it is looking really cool! |
|
Thanks! I'm so glad you can't imagine! But the pop-up initialization can't be faster now, this update is probably the best that I can get with Bubble Card (for the pop-ups initialization only), if you are still experimenting this issue you can probably try to check if your pop-ups are not too complex. But I can maybe add some kind of "loading screen" that hide everything until everything is initialized, this should be possible for an extra module. I will try something like that! |
Gotcha, what is your best suggestion when it comes to bubble-card and bubble-pop-up, put both in extra_module_url and remove them all from resources or what? I found if I remove bubble-card.js from resource I will always get an error saying element or something cannot be loaded. |
|
Just add This is not like in the first beta indeed. |
Okay. I am all set. One last request, can you come up with a nice "Select" card? I got quite a several select cards in my dashboard for switching between scenes, timer for heated airer, mode switch for radiator etc. As for now I am using the most basic select card and look like below. I ask because I got a feeling you are the one who can come up with something fancy and practical!
|
|
I am using Mushroom Cards. It has a nice selector, too https://github.com/piitaya/lovelace-mushroom/blob/main/docs/cards/select.md |
Flattery tends to work quite well with me! Good job 😂 |
Yea I know and there are part of my current dashboard using mushroom too (pending to be replaced when Clooos come up with a new set of entity support) But don't you feel Bubble Card is kinda unique and should have it own? |
Every single word came from the bottom of my heart! I am gonna treat your reply as a Yes anyway! |
|
I’m definitely going to do it, I’d just appreciate if you could add a new issue for a feature request so I can finally close this one! ❤️ Edit: Just saw that 👀 |
I commented on Issues #130 but as that's closed and this may be a different cause, I thought a fresh issue was preferable.
I'm seeing consistent stability issues. I just updated to v1.4.2 and after a few tests to nail down the bahaviour, here's what I'm seeing:
At that point the browser freezes, and eventually crashes with an "out of memory" warning. Looking at Task Manager, I see my memory usage for the my browser start to rise quickly at step 4, until it crashes.
I've repeated this a bunch of times, using Brave and Edge, and its happening every time.
I'm running HA 2023.10.5 in a container.
The text was updated successfully, but these errors were encountered: