[Bug]: Background image does not respect rounded corners

[laszlojakab]

What happened?

If you set a background image the card does not respect the rounded corners, see image below:

I think the design should be the same with or without background image.

Card Version

1.1.2

HomeAssistant Version

2022.12.8

Relevant javascript log output

No response

[laszlojakab]

As I see an overflow: hidden shoud be added to ha-card element to solve the problem.

[junalmeida]

That's interesting because this does not happen here:

I wonder if you may be using an outdated version or a not common browser?

[laszlojakab]

I have prepared an other example:

The code to reproduce:

type: vertical-stack
cards:
- type: custom:minimalistic-area-card
  title: Room with background
  area: working_room
  image: >-
    https://www.thespruce.com/thmb/kNPU_doz6IvtUXrtV1GnzI85BXs=/750x0/filters:no_upscale():max_bytes(150000):strip_icc():format(webp)/living-room-ideas-5194639-hero-a99a77f61b9b4e368c62ca603ab45322.jpg
  entities:
    - light.dining_room_led_light
    - sensor.dining_room_temperature
- type: custom:minimalistic-area-card
  title: Room without background
  area: working_room
  entities:
    - light.dining_room_led_light
    - sensor.dining_room_temperature

I'm using Chrome 108.0.5359.125 (64 bites) (cohort: Stable) from Windows 10. But from Android phone it looks like the same:

[junalmeida]

Do you have any theme or "custom-ui" customizations in place?
My android app also works:

If you could try inspect the img in the card that will give us a clue of what might be happening:

[laszlojakab]

I've disabled all my 3rd party javascript integrations and no themes are used and looks the same. The problem could be related to --ha-card-border-radius css variable because as I see it is empty for me:

Do you know where should it be defined?

[laszlojakab]

The ha-card style defines border radius as 12px (but only as fallback value):

[junalmeida]

Ok, thanks for digging it out

[laszlojakab]

It is working now in 1.1.8. Thanks for the fix: