Frontend: New weather card switches between modes on view change

[VDRainer]

Checklist

• [x] I have updated to the latest available Home Assistant version.
• [x] I have cleared the cache of my browser.
• [x] I have tried a different browser to see if it is related to my browser.

The problem

The new weather card switches between modes (PC, Mobile, according to the window size, i think?) on changing to another view.

Expected behavior

Mode should be consistent.

Steps to reproduce

1. Open a view with the weather-card
2. Go to another view and back to the view with the weather-card
3. Card shows only 3 instead of 5 icons in the forecast
4. Wait a minute or so, card shows 5 icons again.
   

Environment

• Home Assistant release with the issue: 0.109.0b5
• Last working Home Assistant release (if known):
• Browser and browser version: Latest Firefox and Chrome
• Operating system: Ubuntu 18.04

Problem-relevant configuration

  - title: Wetter
    path: wetter
    icon: mdi:weather-partly-cloudy
    #icon: mdi:numeric-1-circle
    #badges: *view-badges
    cards:

      - type: vertical-stack
        cards:

          - type: weather-forecast
            entity: weather.dark_sky

Javascript errors shown in your browser console/inspector

Seeing this only on views with the weather-card

This page uses the non standard property “zoom”. Consider using calc() in the relevant property values, or using “transform” along with “transform-origin: 0 0”. embed2.html

Additional information

[zsarnett]

The Error in your console is from the Card Picker not the weather. I will look into this. I am able to reproduce

[nepozs]

Is it possible to manually configure behavior?
I would like have 5 icons as it was before instead of 3.

[klada]

Is it possible to manually configure behavior?
I would like have 5 icons as it was before instead of 3.

I am also getting 3 icons on some of my devices (such as my main HASS wall panel) where I used to have 5 icons (so this bug is a regression). This is on OpenWeatherMap which displays 3 hour steps. When we leave the house in the morning we really need to know the temps in the evening/night.

I have rolled back to 0.108 for now, as this actually breaks some family workflows :)

[zsarnett]

I just updated the way that the Resize Observer is added on connected and removed on disconnected. This may be what fixes this issue. Will keep this open but the next beta if you all could see if this is resolved

[VDRainer]

Here's how i see it in 0.110.0b0

Is this intended?

[zsarnett]

... No. And I see that too...

[zsarnett]

@VDRainer Thank you for the updated GIF. Fix will be in b1

[klada]

Sorry, but this is still not fixed in home-assistant-frontend 20200515.0 which includes #5882 .

I am still only getting three rows, where I used to get 5 rows with the old weather card:

New:

Old:

So this regression is still present.

[zsarnett]

That is not the same issue. I have a or up to help with your FR. It's not a bug

[klada]

Okay, I'll add a new issue then.

[zsarnett]

No need to as I already have a PR up but go for it.