Strange behaviour on mobile app (Android) when styling card height
See original GitHub issueChecklist
- [x ] I updated the card to the latest version available
- [x ] I cleared the cache of my browser
Describe the bug Strange behaviour on mobile app (Android) when styling card height. Some buttons display incorrectly at home assistant startup. They return to normal on state changes. I don’t know where this bug comes from but it only happens on mobile app (works ok in browser). See screen shot (a 4 column grid card containing only custom:button-card). If I remove the style: height object, they appear fine. Tried force closing the app and deleting app’s cache. No errors appear in log.
Version of the card Version: 3.4.2
To Reproduce This is the configuration I used:
styles:
card:
- height: 60px
Screenshots
Expected behavior All content visible
Smartphone (please complete the following information):
- Device: Lenovo P2
- OS: Android 10
- Browser Home Assistant app
- Version 2021.1.1-full
Issue Analytics
- State:
- Created 3 years ago
- Reactions:1
- Comments:11
Top Results From Across the Web
Android Cardview strange behavior - Stack Overflow
I have simple Cardview with strange behavior. When i run my app everything is ok - as i show on first pic. When...
Read more >Slow rendering - Android Developers
If these are taking a long time, first check the width and height numbers in the trace. Ensure that the bitmap being displayed...
Read more >Card + SingleChildScrollView + ListView = strange scrolling ...
Card + SingleChildScrollView + ListView = strange scrolling behaviour, ... StatelessWidget { // This widget is the root of your application.
Read more >Content Jumping (and How To Avoid It) | CSS-Tricks
This layout shifting is especially frustrating on mobile devices, where a big enough change can push all familiar content off-screen and ...
Read more >overscroll-behavior - CSS: Cascading Style Sheets | MDN
By default, mobile browsers tend to provide a "bounce" effect or even a page refresh when the top or bottom of a page...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
My Lovelace shows the same behavior. On iOS and in Librewolf (Firefox variant) on Manjaro. So I think it is not specifically mobile related.
Issue seems to be resolved! Don’t know how or why… Maybe latest HA update!?