question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Strange behaviour on mobile app (Android) when styling card height

See original GitHub issue

Checklist

  • [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 Screenshot_20210219-171042_Home_Assistant (Phone)

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:open
  • Created 3 years ago
  • Reactions:1
  • Comments:11

github_iconTop GitHub Comments

2reactions
Qpernicuscommented, Feb 20, 2021

My Lovelace shows the same behavior. On iOS and in Librewolf (Firefox variant) on Manjaro. So I think it is not specifically mobile related.

0reactions
TTLuciancommented, Mar 6, 2021

Issue seems to be resolved! Don’t know how or why… Maybe latest HA update!?

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found