The front end is great. But when building screens custom for fitting within a tablet (HassIo app) used for dashboard the un-intentional scroll bounce for the page even when there is noting below fold creates problem for easy interaction with buttons and small levers such as volume or dimming.
anyone got any solutions for this?
Did you managed to find a solution?
Also wondering this, a bit lateā¦ any solution?
You can do this with the card-mod addon and a custom theme.
Example custom theme:
scroll_lock:
card-mod-theme: scroll_lock
card-mod-root-yaml: |
.: |
:host {
position: fixed; # disable scrolling
}
app-header {
display: none; # disable header
}
card-mod: GitHub - thomasloven/lovelace-card-mod: š¹ Add CSS styles to (almost) any lovelace card
theme discussion thread: š¹ Card-mod - Super-charge your themes!
Interestingly, this scroll lock custom theme works if loaded from the UI but not if the theme is called from inside the view (though everything else about the requested theme loads correctly).
Does anyone have an idea on how to lock the scroll on a per-view basis rather than for every view on the device?
1 Like
Iād like to see this too.
i know its pretty old, but google bring me hereā¦
i would like to disable this ābouncingā of my apple ipad in the Home Assistent App
i have an existing theme and i donāt know where to place the mentioned code, i was placing it around top/ down insideā¦ 
but there comes always config error.
this is still available in the themefile:
card-mod-theme: "minimalist-desktop"
card-mod-view-yaml: |
"*:first-child$": |
#columns .column > * {
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
}
Im trying to rebuild this dashboard
https://github.com/jimmy-landry/HA-Tablet-Dashboard-Config
here is the themefile what im using
Theme yaml File
please help me stopping this bounce effect. Thanks in advance
Really nobody habe an idea or can help to freeze the ipad browser bouncing