Picture-elements card displays static image with camera_view: live enabled

[jparthum]

Checklist

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

The problem

The picture-elements card refreshes a static image every 10 seconds as though camera_view: live were omitted from the card configuration.

Expected behavior

Since the documentation lists camera_view: live as a valid option for the picture-elements card, I expected the video to stream within the card view as with the other two cards listing the same option; picture-entity, and picture-glance.

Steps to reproduce

The code in "Problem-relevant configuration" can be pasted into ui-lovelace.yaml and the resulting View (/ "Camera Testing") will show three camera cards:

The picture-entity and picture-glance cards (left-hand column in above image) will display streaming video and the remaining picture-elements card will not.

Environment

• Home Assistant release with the issue:
  • 0.104.3 (venv)
• Last working Home Assistant release (if known):
  • Not sure, but has not worked in the previous 5 or 6 releases.
• UI Type (States or Lovelace):
  • Lovelace
• Browser and browser version:
  • Chrome ver. 79.0.3945.130 (desktop)
  • Chrome ver. 79.0.3945.136 (Android)
• Operating system:
  • Windows 7 (64-bit)
  • Android 9

Problem-relevant configuration

#### Camera Test View ####

  - title: Camera Testing
    path: camera_test
    icon: mdi:test-tube
    cards:

      - type: picture-entity
        entity: camera.MY_CAMERA
        camera_image: camera.MY_CAMERA
        camera_view: live

      - type: picture-glance
        entities: []
        camera_image: camera.MY_CAMERA
        camera_view: live

      - type: picture-elements
        # Base image to set 16:9 Aspect Ratio
        image: https://i.imgur.com/FHZLxXp.png
        elements:
          - type: image
            camera_image: camera.MY_CAMERA
            camera_view: live
            style:
              left: 50%
              top: 50%
              width: 100%
              height: 100%

(Replace camera.MY_CAMERA with a working entity)

Javascript errors shown in your browser console/inspector

No errors.

Additional information

While looking through the source code (in the hopes of being a contributor instead of a leech), I noticed that <div id="root"> is not present in the code for the working cards. This seems to have been removed from hui-picture-elements-card.ts at the same state_image and camera_image were originally added, and then replaced shortly after. I don't know if this is related to the issue, I just thought I'd point it out in case it helps diagnosing in some way.

[stale]

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates.
Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍
This issue now has been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.

[aptonline]

I'm seeing the same issue, any chance this bug can be reopened?

[jparthum]

@aptonline : Here's a workaround https://community.home-assistant.io/t/streaming-camera-in-picture-elements/114209/18.
Hope this helps.

[bramkragten]

I think I fixed this with #5880

[mynameisdaniel32]

Just came across this issue in 0.110.2 still - streaming works in picture-entity cards, but not picture-elements > image

[stale]

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates.
Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍
This issue now has been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.

[tnagels]

Sorry to have to ask this, but it seems this bug is not fixed. I still have this problem on HA 0.118.5

[cinzas]

Still exists. Running HA 2020.12.2

[github-actions]

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates.
Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍
This issue has now been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.

[vmakeev]

Still reproduce, 2021.9.3. Can you please reopen it again?