Automattic / Automattic/jetpack

Simple payments block: editor layout broken on small screens

Open
#11,847 2 comments 0 reactions 0 assignees View on GitHub
[Block] Pay With Paypal [Feature] Pay with PayPal [Focus] Blocks [Pri] Normal Bug
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

Simple payments block editor breaks at specific breakpoint:

screenshot 2019-02-06 at 11 02 06

Probably a regression introduced in https://github.com/Automattic/wp-calypso/pull/29027 (cc @rodrigoi )

## Steps to reproduce
- Add simple payments block to post editor
- Make sure sidebar is open
- Set window size to ~830px

Contributor guide

Open the contributing guide

Research direction

Reproduce the simple payments block in the post editor with the sidebar open and the window near the 830px breakpoint. Compare the layout at nearby widths and trace the editor styling associated with the suspected regression from pull request #29027; done means the block remains usable at the reported size without breaking the editor layout.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend, payments
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.