Layout Broken and/or new version not detected? about bom-weather-card

[DavidFW1960]

0.94 is the latest. If you allow beta in HACs you can get the new version (not officially released yet) There is going to be another new version in a day or so that will be full config checking to help people setting the card up for the first time.

OK. So the display issues. You will find this is a browser issue. I have exactly the same issue with the Brave Browser. Chrome and edge seem OK and the iOS mobile app seems ok too.

Nothing really I can do about this that I can see. @Makin-Things Can you see anything we can do here?

What I did on the weekend was duplicate the card and use a custom state-switch card to display one version on my Desktop in Brave and the original version on the Mobile App. The Brave version in the card config I adjusted the css offsets:

temp_top_margin: -2.5em
temp_uom_top_margin: -7.25em
apparent_top_margin: -95px
current_text_top_margin: -50px
current_data_top_margin: 10em
large_icon_top_margin: -13.2em

[Makin-Things]

I'll have a look a bit later. Just in the middle of something right now.

[Makin-Things]

@DavidFW1960 PR created to hopefully fix it.

[DavidFW1960]

Pr merged. Pull master folk. There is a major PR coming so might await that before making a new release.

[DavidFW1960]

Ok v1.03 just released to fix this

[DavidFW1960]

Just leave it open for now. Lots of people with the problem then hopefully see this instead of opening a new issue.

[markusg1234]

Hi,
I have had this on my old android tablet for quite a while, but other tablets and computer browsers have been fine.

Yesterday this now has started on Edge with my main computer.

Regards,
Markus

[rudders]

Seems like a "variations" class is the culprit if that helps debug.

[DavidFW1960]

I think this is a browser update causing this BTW

[DavidFW1960]

Seems like a "variations" class is the culprit if that helps debug.

is that a new class Adrian?

[DavidFW1960]

Seems to me it's applying that class to the slots whereas the issue seems to be with the stuff above there in the card.

[Makin-Things]

Variations is the div that holds all the slots. It is not new.

[DavidFW1960]

Variations is the div that holds all the slots. It is not new.

That's what I thought as well

[Makin-Things]

This also looks similar to the issue I was seeing when testing HA Cast.

[jonwaland]

just upgraded chrome (Version 101.0.4951.41 (Official Build) (32-bit) - WINDOWS) and getting same.

Have checked Firefox - no issue. Edge (101.0.1210.32 (Official build) (64-bit)) as mentioned above also shows same problem

[Makin-Things]

@jonwaland I also just updated and can confirm it is now broken. I will be looking into a fix asap now that I can easily reproduce the problem.

[peterhoe]

I get the same in home assistant companion app android 2022.3.0-full

[markusg1234]

Thanks for the fix. All of my devices are now displaying correctly with master.

[Makin-Things]

@peterhoe it took me a bit of effort to get the companion app to load the version from master, once it does reload it does in fact work for me at least (on android).

[peterhoe]

@peterhoe it took me a bit of effort to get the companion app to load the version from master, once it does reload it does in fact work for me at least (on android).

Thanks David & Makin-things Confirmed V1.03 fixes the issue. Had to clear cache from Home assistant companion app, and re open app

For those looking, "clear cache" found on android for the Home assistant companion app can be foind at the following sub menus

settings / Apps / Home assistant / storage. There are 2 options in there, choose "clear cache". (If you select "clear data", all configuration of the app will be lost and you start a fresh and have to reconfigure it - the app that is)

[hastarin]

Thanks all. I can confirm that's fixed it for me.

I'm not sure if I should close the issue or leave that to a maintainer?

[Makin-Things]

It's your issue. so feel free to close it if you the issue is solved, otherwise I am pretty sure @DavidFW1960 will close it otherwise in the near future.