2023.5 update causes strange effect

[Remko76]

I upgraded Homeassistant to the latest 2023.5 version and now see a strange overlay effect with this card in the companion app as well as in a mobile chrome browser.

It seems the card does not respect layers of the UI or so. It does not hide behind the top bar on scrolling and also the side menu does not lie on top of this card. I hope the screenshot clarifies it..

[hesral]

Having the same problem...

[darkstoneathome]

Same here. Occurs in the Android App and also in the web browser.

[bram2202]

Same here.
I'm on 2023.5.2, but also noticed this behavior on 2023.4 .x

[Remko76]

@bram2202 : how did you fix it locally? I tried to modify the local .js file in "/config/www/community/ha-card-weather-conditions/ha-card-weather-conditions.js”

removed the 6 z-index entries, saved, rebooted, cleared cache etc. but no effect.

[Remko76]

I actually uninstalled it completely, added your branch @bram2202 as custom repo in hacs, but still have the same issue...

[bram2202]

@Remko76 sorry for the slow response.

I missed some z-index: 200 in my pull request, I updated it.

If you modify your local file in the www\community\ha-card-weather-conditions folder,
dont forget to update your resources in HA:

1. Go to <your-instance>/config/lovelace/resources
2. Find the ha-card-weather-conditions resource and edit it.
3. change the hacstag number to someting else and save.
4. hard refresh your browser.

The change in number tells your browser that the file is new and needs to be loaded instead of getting it from cache.

It fixed it on my dashboard:

[Remko76]

Cool, thanks for the reply. That did the trick!!

[gfay63]

@bram2202 , LOVE this extension! However, I have this same "transparent" issue and it's driving me batty.

I could not find "hacstag" in the ha-card-weather-conditions.js file. I also tried re-downloading the latest version and no luck.

How can I fix this?

Here's an example trying to edit something and it happens to be behind.

[bram2202]

@gfay63 you can try to add my fork as an extra repository in hacs, disable this plugin and install the one from my fork.

[gfay63]

@bram2202 Well that worked! Not sure why, but it did! Thank you! :)

Only thing I'm worried about is missing updates to the original.

[bram2202]

@gfay63 Keep your eyes one this PR: #103.
If its merged you can remove my fork and go back to the original.

[zollek]

Thanks for the solution. I've modified the oryginal .js and .js.gz files.
I've my own Polish translation with modified icons to fit AccuWeather.