Automattic / Automattic/jetpack

Payments Block width issue on Template editor

Open
#38,747 2 comments 0 reactions 0 assignees View on GitHub
[Block] Payments [Feature] Earn Blocks [Platform] Atomic [Platform] Simple [Plugin] Jetpack [Pri] Normal Bug Customer Report [LEGACY] Earn Triaged
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

### Impacted plugin

Jetpack

### Quick summary

When the Payments block is used on the Front Page template editor, the width shows correctly on the editor but not on the live site.

### Steps to reproduce

1- Use a block theme (I replicated on twenty twenty four and Bute)
2- Create a Payments block on the Front Page template editor (do not assign an individual page as the homepage)
3- Change button width, for example, make it full-width.
4- Compare looks on editor vs live.

Example of page button displaying on editor:

![CleanShot 2024-08-06 at 13 09 08](https://github.com/user-attachments/assets/c5b17e11-6641-45c9-9746-192a3aaf1fb0)

How it shows live:

![CleanShot 2024-08-06 at 13 09 53](https://github.com/user-attachments/assets/2ffaf534-8c9b-454d-9d2a-7a70aa6094f1)

### A clear and concise description of what you expected to happen.

For the button to look consistently with the correct width on the live page.

### What actually happened

Live page not showing correctly.

### Impact

Some (< 50%)

### Available workarounds?

Yes, difficult to implement

### Platform (Simple and/or Atomic)

Simple, Atomic

### Logs or notes

Reported on 8533803-zd

Contributor guide

Open the contributing guide

Research direction

Reproduce the Payments block on the Front Page template editor using a block theme such as Twenty Twenty-Four or Bute, then compare its configured button width with the live page. Trace the editor and live rendering entry points and confirm that full-width and other button widths are consistent on both sides.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, php, react, wordpress
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 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.