This task is about the layout of the page anon editors encounter when attempting to edit a semi-protected page on mobile.
Behavior
- On a mobile device [i], open Chrome or Safari and open a new private session
- Navigate to https://en.m.wikipedia.org/w/index.php?title=Mercury_(element)
- Tap the top-most edit pencil; observe you land on https://en.m.wikipedia.org/w/index.php?title=Mercury_(element)&action=edit§ion=0
Expected
- ✅Notice the page is legible (read: "Why this page is protected" and the contents beneath it can easily be read)
Actual
- ❗️Notice the "Why this page is protected" heading is presented atop other content on the page:
Environment
- Device: iPhone X
- Browser: Chrome
i. I encountered this on an iPhone X, tho I've been able to reproduce this issue on a Pixel 2 using desktop Chrome's emulator.