wordpress-mobile / wordpress-mobile/WordPress-Android

Reader: WordPress embed blocks appear cropped / misaligned

Open
#12,755 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

[Pri] Low [Type] Bug Gutenberg Reader
Dominant language
Kotlin
Stars
3.2k
Forks
1.4k
Avg merge
1d 11h
Merged PRs (30d)
69

Description

Refs: https://github.com/Automattic/wp-calypso/issues/45105

When viewing a post that contains Gutenberg WordPress embed blocks in the Android reader, the content can be cropped and misaligned.

Steps to reproduce
  1. Create a post on a test site and add some Gutenberg WordPress embed blocks. Link the blocks to WordPress posts that will generate preview cards.
  2. View the post in the Android reader.
  3. Compare the post in the reader vs the post on the site. Notice that the bottom of the card is cropped.

Depending on the card, this might look okay, or it might end up cropping the site logo beneath the card image. In any event the border around the card is cropped, and the content is shifted to the right (like there is a left border).

My expectation is the full card would be shown and appear inline with the rest of the content.

IMG_1737

Contributor guide

Open the contributing guide

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 Android reader with a post containing Gutenberg WordPress embed blocks linked to posts that generate preview cards. Compare the reader with the site; done means the full card, including its border and site logo, is shown without cropping, horizontal shifting, or misalignment.

Written by the indexing model from the issue text.

Assessment

Tech stack
android, kotlin, wordpress
Domain
mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.