Automattic / Automattic/jetpack

Latest Instagram Posts Block: crop or add black bars when images returned from Instagram are not in a 1:1 ratio.

Open
#22,241 22 comments 0 reactions 0 assignees View on GitHub
[Block] Latest Instagram Posts [Feature Group] Editor Experience [Feature] Misc Blocks [Plugin] Jetpack [Pri] Low Customer Report [LEGACY] Enhancement Triaged
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

### Impacted plugin

Jetpack

### What

I would like the Instagram Latest Post Block Always Show Images in Square Shape

### How

image

Sometimes, the block doesn't show all images in square shape, it seems to be dependent on the images uploaded to Instagram. If in a particular row, the images are originally uploaded in portrait orientation, then the block will show them in portrait as well.

Contributor guide

Open the contributing guide

Research direction

Find the Latest Instagram Posts Block entry point in Jetpack and reproduce the issue with Instagram images in portrait orientation. Trace how image dimensions are presented in a row, then verify that non-square images consistently render in the requested square presentation, using either cropping or black bars as appropriate.

Written by the indexing model from the issue text.

Assessment

Tech stack
php, react, wordpress
Domain
frontend, web-dev
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.