Block Widget: add block button must be clicked twice when in mobile layout - Githubissues

Automattic / wp-calypso

The JavaScript and API powered WordPress.com

https://developer.wordpress.com

GNU General Public License v2.0

12.43k stars 1.99k forks source link

Block Widget: add block button must be clicked twice when in mobile layout #64536

Open worldomonation opened 2 years ago

worldomonation commented 2 years ago

Quick summary

If user is in the mobile layout, the + button must be clicked twice in order to bring into view the block inserter.

https://user-images.githubusercontent.com/6549265/173142791-4e91d048-1638-44de-a65e-2e777deeae3a.mov

Steps to reproduce

prereq. use a mobile device or mobile layout emulation in Developer Tools.

log in.
navigate to Appearance > Widget.
click on the + button

What you expected to happen

The block inserter is shown immediately.

What actually happened

The + button and the block area around it shifts upwards slightly. The block inserter is not shown.

Context

Manual testing.

Browser

Mozilla Firefox

Simple/Atomic

Simple

Other notes

No response

Reproducibility

Consistent

Severity

All

Available workarounds?

No but the platform is still usable

Workaround details

No response

cuemarie commented 1 year ago

This report was found during a recent backlog sweep.

📌 SCRUBBING : RESULT - Replicated / Could Not Replicate / Uncertain

Tested on Simple via Mobile Safari - Replicated

📌 FINDINGS/SCREENSHOTS/VIDEO

Replicated as described. Tapping the + icon first selects that Widget area, then tapping again clicks the + block inserter.

https://github.com/Automattic/wp-calypso/assets/27249804/3fc3c5d5-b5da-45ef-a6ba-5f6d7096e779

📌 ACTIONS

Assigned to Non-Urgent