Skip to content

Image CTA (Portrait) Cut Off in Safari Instead of Being Responsive #1145

@kishan-gondaliya-7270

Description

@kishan-gondaliya-7270

Description

When adding an Image CTA with portrait orientation, the image is being cut off in Safari instead of scaling responsively. This impacts the visibility of the CTA and results in poor user experience on Safari browsers.


Steps to Reproduce

  1. Create an Image CTA with a portrait-oriented image.
  2. Insert it into a post/video as a CTA layer.
  3. Open the post in Safari (desktop or mobile).
  4. Observe that the image is cropped instead of scaling responsively.

Expected Behavior

  • The Image CTA should be fully visible in Safari.
  • The portrait image should resize responsively while maintaining its aspect ratio.

Actual Behavior

  • In Safari, the portrait Image CTA is cut off.
  • It does not scale responsively, unlike in other browsers.
  • It appears bit off in chrome browser as well

Affected Scope

  • Safari browsers (desktop & iOS).
  • Only portrait-oriented Image CTAs.
  • Other browsers (Chrome, Firefox, Edge) are not affected.

Visual Proof

Image

Acceptance Criteria

  • Portrait Image CTAs scale responsively in Safari without being cut off.
  • Aspect ratio is preserved across all browsers.
  • Image CTA remains clickable and functional.
  • Tested in Safari desktop and Safari iOS.
  • Fix does not impact landscape images or other browsers.

Metadata

Metadata

Assignees

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions