Stackable icon indicating copy to clipboard operation
Stackable copied to clipboard

Image Block - overlay does not match border radius

Open malalacharm opened this issue 5 months ago • 1 comments

Describe the bug When adding overlay to an image with a border-radius, it remains rectangular and does not follow the border-radius applied.

To Reproduce Steps to reproduce the behavior:

  1. Add a page
  2. Add an image
  3. Se the image border radius to 100
  4. Add overlay color
  5. See error on editor (overlay is still rectangular)
  6. See error on frontend

Expected behavior The overlay should follow the same border-radius as the image

Screenshots

Image Image

malalacharm avatar Jul 22 '25 14:07 malalacharm

There are two controls for border radius: one under Image which controls the image border radius, and another one under Border & Shadows which controls the container border radius. Since the overlay is applied within the container, we should use the container border radius to match with the overlay.

Image

Suggestion: Currently, both are named "Border Radius". Can we change the label to "Image Border Radius" and "Container Border Radius" respectively to avoid confusion?

Arukuen avatar Oct 14 '25 03:10 Arukuen