HA Menu button not working on phone app

[benixgil]

In the computer, everything works fine, but on the mobile app, the menu button of home assistant, so I can access the settings, hacs, automations, etc..., doesn't work. I press it, but nothing happens. Everything else is fine, but on the mobile I'm stock on dwainsdashboard.

[tseven]

I'm experiencing the same issue.

[Calalei]

I got similar issue that on Computer & iphone ok to open dwains dashboard but on Android phone & pad an error messages would appear .

[Calalei]

[benixgil]

Different problems. I'm only talking about the button to go to the side menu. The main HA menu. Usually that problem you have is solved by cleaning the app cache. It solved when I had it.

[catatonico2]

Same here

[j3ffrw]

Same issue with me menu button in HA App doesn't work even after doing "Clear data" and "Clear cache" HA App 2023.9.2-full DD 3.5.0(beta) Android 13

[etvanp]

Exact same issue, ha menu doesn't work. Any tips?

[Danigympie]

I have the same issue but only on my Android phone. Iphone is working fine.

[husnainali09]

Same issue

[ctqctq]

The problem is that The dashboard depends on thomasloven/lovelace-card-tools to dispatch events to the root component. When I checked the function lovelace_view(), the root element is always null. So the events to open the menu never got to the component.

[husnainali09]

Any fix for this yet. It's annoying

[xKronyx]

same here onb android and iphone it doesn't work

[etvanp]

one detail that might help @dwainscheeren If i'm using wifi on android, the menu bar appears on the top of screen of the mobile app and the menu button works. When using mobile data, the menu bar moves to the bottom and the menu button doesnt work.

[husnainali09]

How far back do I need to downgrade to get back to normal ?

[lbouriez]

Same on my pixel6

[Shenharo]

What I did is add a button entity, set it as favorite so it will be accessible and change its card so it will navigate elsewhere. Since this is annoying by itself I've edited the local dawin dashboard js file and made the HA menu visable as well(now I have both). The HA menu (look for the header class) works just fine so my next step is to remove the DD menu and test if it's still working.

[LordNex]

Same issue here. I've also noticed that the previous versions I could still have the bar at the top. Now that it's at the bottom it's constantly in the way of buttons like submit.

Additionally, it seems the only way I can get blueprints to actually show the drop down fields that need to be filled out is to Clear my cache, then reboot HA. After that it usually allows me to select the proper elements. But if you make a mistake. You can't re-edit the old page, you have to create a new one and do the whole clear cache reboot shuffle

Followed the proper procedures for updating from 3.4 to 3.5 which worked. But seems very buggy

[LordNex]

What I did is add a button entity, set it as favorite so it will be accessible and change its card so it will navigate elsewhere.

Since this is annoying by itself I've edited the local dawin dashboard js file and made the HA menu visable as well(now I have both). The HA menu (look for the header class) works just fine so my next step is to remove the DD menu and test if it's still working.

I'd love to see your procedures when you're done. I'd like my HA bar back and the DD bar at top.

[FuturamaPhill]

Same issue here on android

[Grauwulf75]

Also having the same issue on 3.5.0 on Android. Rolled back to 3.4.3, had to clear cache and app data after that to get it back to the top of the screen with the menu button working.

[Shenharo]

What I did is add a button entity, set it as favorite so it will be accessible and change its card so it will navigate elsewhere. Since this is annoying by itself I've edited the local dawin dashboard js file and made the HA menu visable as well(now I have both). The HA menu (look for the header class) works just fine so my next step is to remove the DD menu and test if it's still working.

I'd love to see your procedures when you're done. I'd like my HA bar back and the DD bar at top.

you can take a look here: the thing is that I cant find a way to remove the DD menu only on mobile, so the desktop display isnt as pretty (its functional - but it also use the native HA menu) but it works for me (I mostly use mobile) just replace the dwains-dashboard.js and the dwains-dashboard.js.gz if you want it.

what i did is replace the "display none" of the HA header with "display all" (e.shadowRoot.querySelector(".header").style.display="all") and remove the call to await this._buildDwainsNavigation(e)

[ISilvaPT]

Same problem since 3.5.0 on mobile (chrome/Android).

[Drik78]

I have the problem that the menu bar is not staying at the bottom of the screen on my mobile

[husnainali09]

@dwainscheeren Please could you take a few minutes out to fix this, making an otherwise great experience tiresome

[Woodham]

Just set up Dwains Dashboard for the first time, everything went well but immediately hit this issue too - on Android the HA menu button in the bottom left doesn't work and so can't navigate back out of the dashboard.

[Shenharo]

I've made the HA menu open on click (and moved it to the top since it was bugging me- but it isnt sticky). here is the changed JS file. @dwainscheeren -I've changed the menu toggle function to be: document.querySelector('body > home-assistant').shadowRoot.querySelector('home-assistant-main').dispatchEvent(new CustomEvent('hass-toggle-menu', {detail: {open: true}})); maybe you can use this solution?

[giveyouup]

Same problem, was fine untill recent update

[ctqctq]

document.querySelector('body > home-assistant').shadowRoot.querySelector('home-assistant-main').dispatchEvent(new CustomEvent('hass-toggle-menu', {detail: {open: true}}));

Thank you very much, this is like the best fix so far. Very easy to do too. Basically you just need to modify the custom_components/dwains_dashboard/js/dwains-dashboard.js file, look for (0,a.B)("hass-toggle-menu") and replace it with document.querySelector('body > home-assistant').shadowRoot.querySelector('home-assistant-main').dispatchEvent(new CustomEvent('hass-toggle-menu', {detail: {open: true}}));

Remember to rename dwains-dashboard.js.gz to something else, like "dwains-dashboard.js.gz.backup", so that the app uses the modified js file instead of the compressed gz.

[etvanp]

@Shenharo thanks! This works. Maybe @dwainscheeren can use this as the fix.

[dwainscheeren]

Please try: https://github.com/dwainscheeren/dwains-lovelace-dashboard/releases/tag/v3.6.0 :)

[katter]

Swipe Right from the very left works for me btw. (On 3.5.0)

[Solarflor]

I've changed the menu toggle function

How?

[etvanp]

Please try: https://github.com/dwainscheeren/dwains-lovelace-dashboard/releases/tag/v3.6.0 :)

I confirm its working! Thanks

[Solarflor]

To not lost the current configuration I have copied the folder dwains_dashboard from v3.6.0 and copied into custom_components folder in HA replacing the old one.

But it doesnt work. I still have the same problem.

How I could replace 3.6.0 to 3.5.0. without to loose the configuration I have?

[ctqctq]

To not lost the current configuration I have copied the folder dwains_dashboard from v3.6.0 and copied into custom_components folder in HA replacing the old one.

But it doesnt work. I still have the same problem.

How I could replace 3.6.0 to 3.5.0. without to loose the configuration I have?

The configuration is in another folder, so even if you completely remove the integration and reinstall it, you should still have the current setup. The configure folder should be under /config/dwains-dashboard where you see the 2 folders "blueprints" and "configs".

[Shenharo]

Please try: https://github.com/dwainscheeren/dwains-lovelace-dashboard/releases/tag/v3.6.0 :)

Working. Thanks @dwainscheeren

[Solarflor]

remove the integration and reinstall it

I have removed the current integration but I'm not able to find the repository anymore in HACS. How I could reinstall it?

[ekalle-swe]

Please fix it, but only for admin users. It's actually a good thing to be able to lock your wife and kids inside a dashboard. You can not imagine how much havoc an adhd wife and 2 boys around 10 can create in a ha setup 🤣 It might have started as a bug, but hell, it's a brilliant feature!

[Drik78]

@dwainscheeren I've installed 3.6, but it's not solving the issue with the menu that is not staying at the bottom, #see my previous post

[Solarflor]

3.6 works well to me now

[ISilvaPT]

3.6 works well to me now

Loking at your picture I'd say yours is the same as mine, meaning at the bottom (not working). You can access the menus from dwains dashboard but the HA menu is not working. Won't expand up or down.

If I refresh the page and are fast enough I can click the HA menu, because upon refresh its still in the up position but 0.5s later it's moved down when the page finishes loading its relocated to the bottom.

I have applied the beta 3.6 fix but the issue remains. Was fine in the previous version.

[Casuallynoted]

Is there a way to have the menu on the top instead of the bottom?

[ekalle-swe]

Is there a way to have the menu on the top instead of the bottom?

A settings option would be nice

[nimdaxxx]

I confirm the problem with v. 3.6.0. The menu is back at the bottom with companion apps (iPhone) and on Android tablet browsers (Fully Kiosk). I downgraded to v. 3.4.3 and the menu went back to the top. On Mac, companion apps and safari no problem.

[dwainscheeren]

The menu on the bottom on mobile is where it needs to be :)

[nimdaxxx]

Until v3.4.3 it was always at the top, even on iPhone :) Now I'm using v3.4.3 and the menu is at the top

[dwainscheeren]

This was a bug in 3.4.3 the menu is since the start of DD at the bottom on mobile. It's be design put on bottom like other apps.

[nimdaxxx]

Ok, so can you reinsert the bug in version 3.6.0? :D I find the menu at the top very convenient, especially on Kiosk tablets. Thank you for your work :)

[ISilvaPT]

It's one of those things that should be optional. I think most of us use this dashboard for the ease of use and configurability, yet this very basic and fundamental function is hard-coded.

Just an opinion 🤷.

[Casuallynoted]

Big agree, I’d really prefer to have the option.