Frontend: Lovelace unused entities not available on mobile

[move[bot]]

@danielsjf commented on Oct 21, 2018, 10:39 PM UTC:

I'm running hassio on a raspberry pi 3 B+.

When I browse to the front-end with any browser on my laptop, I can use unused entities. Clicking the link brings me to the list of entities.

When I click the same link on mobile (Firefox and Chrome, Oneplus 3T), clicking this link does nothing. I remain on the lovelace page I was on before.

This issue was moved by balloob from home-assistant/home-assistant#17680.

[move[bot]]

@hmmbob commented on Oct 22, 2018, 11:44 AM UTC:

Could not reproduce on Chrome and Safari on iPad and in Chrome on Android 8.1 (or: works as intended on my devices.).

[move[bot]]

@danielsjf commented on Oct 22, 2018, 11:46 AM UTC:

Android 8.0 here, so that could be a difference. Although I would say that difference is rather small

[move[bot]]

@fabaff commented on Oct 22, 2018, 6:45 PM UTC:

/move to home-assistant/home-assistant-polymer

[timmo001]

I get the same.. It seems to be an issue with what gets called when the menu item is clicked. If I keep clicking the menu item, it will appear.

I wish there was a developer console on mobile..

[balloob]

There is a developer console on mobile. You can attach Chrome to Android and Safari to an iPhone

[timmo001]

There is a developer console on mobile. You can attach Chrome to Android and Safari to an iPhone

Oh wow I did not know that! You even get the mobile screen to interact with. https://developers.google.com/web/tools/chrome-devtools/remote-debugging/

I don't get any errors show up, but the sheer amount of entities might be the issue here.

Perhaps this could be handled in a better way so that the page doesn't hang for so long

[danielsjf]

Just tried the new edit mode on 0.82 (also in the same menu). It worked the first time but when I tried it a second time it didn't anymore. Could it be a caching issue?

[danielsjf]

@timmo001 didn't read your comment but indeed repeatedly clicking the link works. It seems to be random as I experienced everything between 2 and 13 clicks.

[royduin]

Same issue here on my OnePlus 3T with Android 8.0 in Chrome 71 and Home Assistant 0.84.5. When I click on the three dots the "Refresh" menu item has a background, like it does have a hover state.

On my Macbook it takes some time to load the page, maybe it's related to the touch behavior and load time? Also when I'm on the page and click on my home group it's not working. It's not possible to leave the unused entities page without refreshing.

[reef-actor]

I have been seeing this same issue since I started using homeassistant about a year ago. The click events not working is irritating, but worse is that the click event is passed through to whatever element happens to be behind the menu at the time.

[iantrich]

I'm not able to replicate this. Can everyone provide some additional details? starting with the number of unused entities and what hardware your backend is running on?

[royduin]

I've got about 40 unused entities, nothing special in my setup, see: https://github.com/royduin/home-assistant-config. When I find myself some free time I'll try to record the issue and also try to inspect it on me Android smartphone through the remote inspector from Google Chrome.

[royduin]

I'm not having this issue anymore, seems te work fine now. I'm running 0.91, but the page isn't responsive since it's grouped. I can scroll from left to right.

[Brausmith]

I am also experiencing the same issue. It's intermittent.
I currently have over 100 unused entities, I experience this on my Pixel 3 XL and on the browser when running in mobile format, and am running HA on a 6th gen i3 Intel NUC.
I'm happy to do some further troubleshooting so long as I'm provided with some instructions on what you are looking for.

[glmnet]

I experience this issue every now and then... on iOS app none of the three options in this menu seems to have the link event handler attached (Unused items, Config UI, Help). If I open the app with safary I see all the badges on the overview, then all the items, it's a huge long page with everything)
Neither restarting the iOS app or refreshing the page on safary fixes the issue. It fixes later by itself.
I will try to add screenshots and more information later.
Question,
a) do these pages relies on any internet resource?
b) are all of you using some extension on the UI? I suspect the issue might be related to the updater component.

[royduin]

@glmnet, I don't have any custom frontend stuff.

[chipriley]

I've been having this same issue. None of the Options menu items work on iOS Safari. I can't find anything happening via my Mac through Safari Developer with my iPad attached for debugging. Works fine on a desktop. This also happens, unsurprisingly, with Chrome on iOS.

[deliantwo]

The issue is not specifically related to unused entities and shouldn't be marked as that.
In Chrome a click at any link in the three dots menu is passed through the background but it seems to be catched by the entry (the background has the clicked effect)
In Firefox it does nothing: no clicked effect, no click in the background. Actually it does something: it close the menu as you clicked outside it.
In Chrome, if you keep clicking at the entry in different positions, you may succeeded in clicking it.But it's quite annoying.

[NoNaMoe]

Can confirm above comment.
On Firefox for Android, the dotted menu will open but clicking on any of the items (unused entities, configure UI, help) does nothing but close the menu.
This means I cannot edit my Lovelace at all.

I tried the menu in other Android browsers:
Chrome works intermittently.
Microsoft Edge works as normal.
Opera Touch works as normal.

(Android 9)

[caesar1987sk]

Nothing new with this bug?

[iantrich]

Fixed with switch to table view