Skip to content

Image Block - overlay does not match border radius #3559

@malalacharm

Description

@malalacharm

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions