Grid Picture Entity Displays Black Bar in Uncontrollable but Reproduceable Locations

Hello, I hope front end is where I need to put this. I’m currently on:
Home Assistant 2023.5.0b5
Supervisor 2023.04.1
Operating System 10.1
Frontend 20230428.0 - latest

But I don’t think this is beta related and that’s why I’m not reporting it as beta.

I have a picture entity grid for all my cameras. There’s nothing special about this and I’ve been using it for a while:

square: false
type: grid
cards:
  - show_state: true
    show_name: false
    camera_view: auto
    type: picture-entity
    name: Front Doorbell
    entity: camera.front_doorbell_main
  - show_state: true
    show_name: false
    camera_view: auto
    type: picture-entity
    name: Garage Doorbell
    entity: camera.garage_doorbell_main
  - show_state: true
    show_name: false
    camera_view: auto
    type: picture-entity
    name: Garage
    entity: camera.garage_main
  - show_state: true
    show_name: false
    camera_view: auto
    type: picture-entity
    entity: camera.parking_main
  - show_state: true
    show_name: false
    camera_view: auto
    type: picture-entity
    entity: camera.courtyard_main
  - show_state: true
    show_name: false
    camera_view: auto
    type: picture-entity
    entity: camera.corner_main
  - show_state: true
    show_name: false
    camera_view: auto
    type: picture-entity
    entity: camera.front_main
  - show_state: true
    show_name: false
    camera_view: auto
    type: picture-entity
    name: Birdbath
    entity: camera.birdbath_main
  - show_state: true
    show_name: false
    camera_view: auto
    type: picture-entity
    name: Bird Feeder
    entity: camera.bird_feeder_main
columns: 3

I’ve never noticed an issue with this card or display until today because I’ve always had the images in a single vertical column. This was designed in a grid no doubt for me to easily adjust this later, which I did today and that’s when I noticed a peculiar behavior:
In the 3rd upper right column, it has a dark black bar.


You’ll notice that all my cameras are configured the same way in the YAML. The image above is of my actual dashboard but it’s visible while in the edit screen:

You’ll also notice that I have 3 columns selected (foreshadowing)

Here’s where it gets weird and why I only just noticed this:
When you select 1 column, it doesn’t do it. You’re just going to have to trust me from the screenshot

increase the column count to 2 and it still doesn’t throw a black bar but you can visually confirm this easier in this format:

Increase the column count to 3 and we know we get the issue

Increase the column count to 4 and the problem worsens:

Increase to 5 columns and not only does every picture have a black bar, but all the one’s that already had a black bar from 4 columns, now have a black bar that’s doubled in height.

I discovered it was reproduceable because obviously my first step was to delete the 3rd picture entity to replace it, but as soon as I deleted it, another camera took it’s place with the same black bar.

I think this is a reproduceable bug that needs to be reported but I’d like confirmation before I submit an issue and send somebody on a wild goose chase. Can somebody either confirm they get the same thing, or confirm from my repro steps and screenshots that it’s definitely a bug…or if there’s something else I’ve missed.

See if this helps: Set the aspect ratio of all your camera pictures rather than relying on ‘auto’.

I don’t understand why this worked but it worked.

Because the “Auto” feature (which should always use the image ratio) seems to be broken. You can open an issue here:

Search first to make sure there is not already an open issue.

1 Like