WordPress / WordPress/pattern-directory

Pattern Creator: "Crop image to fill entire column" for Media & Text removes image

Open
#473 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

[Component] Core/Gutenberg [Component] Pattern Creator [Status] Blocked
Dominant language
PHP
Stars
134
Forks
46
Avg merge
9h 4m
Merged PRs (30d)
19

Description

Describe the bug
When using Media & Text block I can not use "Crop image to fill entire column" option:

  • In pattern preview (in actual pattern library) the media is not displayed at all.
  • In pattern editor the media is displayed, but doesn't seem to be cropped to fit the content.

To Reproduce
Steps to reproduce the behavior:

  1. In pattern creation editor add a Media & Text block.
  2. Set it to display some portrait orientation image.
  3. Add a single word to paragraph in the text column of the block.
  4. In block options in sidebar enable "Crop image to fill entire column" and watch the result.

Expected behavior
Media should crop to fit the content of text column in the block. Also, media should not disappear when using "Crop image to fill entire column" option.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the issue in the pattern creation editor with a Media & Text block, a portrait image, and a single word in the text column. Compare the pattern preview with the editor; done means the image remains visible and is cropped to fit the text column when the option is enabled.

Written by the indexing model from the issue text.

Assessment

Tech stack
wordpress
Domain
frontend
Issue type
Bug
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.