Unable to scroll dashboard when using minimallist-mobile theme

[billyjoebob999]

Describe the bug
After updating to v1.3.4 I can no long scroll the dashboard when using the minimallist-mobile theme. This is true for both mobile and desktop web browsers

To Reproduce
Set HA theme to minimallist-mobile. Try scrolling dashboard. For desktop, scrolling with the mouse wheel does not work.

Additional context
The other UI themes dont have this problem, desktop, ios-tapbar, mobile-tapbar all work just fine on mobile or desktop web browsers.

[basbruss]

Sorry to ask, but have you run the frontend.reload_themes service after updating? As instructed by all the latest release notes.

Even a HA restart does not load changes to themes consistently.

[billyjoebob999]

Just tried but no change. I've cleared the cache and even did a redownload but still unable to scroll. I can go into settings and it scrolls just fine there.

[basbruss]

Do you have any screen capture for reference?

[tivoo]

Same issue here. A restart and reload did not help. Also a restart after the reload service does not allow me to scroll anymore through my dashboards. Configuration menu and stuff do work.

Device: Android
Home Assistant 2023.4.3
Theme: minimalist-mobile

[ralfhanke]

Can confirm that. Neither restarting nor reloading the themes helped.

[PeterVercruysse]

why the update if things are working .
tried everything .
hopelfully a sollution quick

[nicojmb]

Same problem here, i run frontend.reload_themes but not fix de problem:

Device: Google Pixel 7 Pro
Android 13

[billyjoebob999]

Do you have any screen capture for reference?

Thankfully i'm not the only one experiencing this issue

Here is a screen capture of the issue. For reference I start off by changing the theme to ios tap bar then switching to the mobile theme

https://youtube.com/shorts/DTOjxOI9I_I

[Whininie]

same issue

[tivoo]

It seems it only affects certain mobile phones. Perhaps it depends on the OS. It might help if we share some device details as well to figure out the issue.

Device: Samsung Galaxy S22
Android 13
One UI 5.1

[Wesleyl89]

Same here

Device: OnePlus 9 Pro
Android 13
OxygenOS 13.0

edit: switching to minimalist-mobile-tapbar for now.

[ralfhanke]

Device: OnePlus 8T
Android: 13
OxygenOS: 13.0

BTW: I found that the problem was probably already added with version v1.3.2-hotfix. Scrolling stops working as soon as I install HA 2023.4.4 (in combination with Minimalist v1.3.2-hotfix).

[basbruss]

Seems indeed to be an issue only on Android devices. On iOS everything works as it should.

[ralfhanke]

Seems indeed to be an issue only on Android devices. On iOS everything works as it should.

Scrolling in the browser (Windows PC) using the mouse wheel no longer works either.

[basbruss]

I think I have found a fix, tested on Chrome (MacOS), android (OnePlus 7t), and iPhone 13.
changed card_mod part to:

  card-mod-root: |
    .header {
      display: none;
    }
    #view {
      margin: 0 !important;
      height: 100vh !important;
    }

[basbruss]

If some of you can verify the fix I would be able to release the fix immediately!

[nicojmb]

I think I have found a fix, tested on Chrome (MacOS), android (OnePlus 7t), and iPhone 13. changed card_mod part to:

  card-mod-root: |
    .header {
      display: none;
    }
    #view {
      margin: 0 !important;
      height: 100vh !important;
    }

Tried in my Pixel 7 Pro and now works perfect 👍

[billyjoebob999]

I think I have found a fix, tested on Chrome (MacOS), android (OnePlus 7t), and iPhone 13. changed card_mod part to:

  card-mod-root: |
    .header {
      display: none;
    }
    #view {
      margin: 0 !important;
      height: 100vh !important;
    }

Looking at my minimalist-mobile.yaml i can see that is already there

[nicojmb]

I think I have found a fix, tested on Chrome (MacOS), android (OnePlus 7t), and iPhone 13. changed card_mod part to:

  card-mod-root: |
    .header {
      display: none;
    }
    #view {
      margin: 0 !important;
      height: 100vh !important;
    }

Looking at my minimalist-mobile.yaml i can see that is already there

it's not the same the original has "%" and the fix has "vh"

[basbruss]

Jup as mentioned by @nicojmb percentage is not exactly the same as viewport-height. As in this case setting the viewport-height forces the app to add a scrollbar when the content is larger than the viewport.

[billyjoebob999]

Thank you both for pointing that out! Can confirm it works both on mobile and windows desktop