Visit https://reading-web-staging.wmflabs.org/wiki/Harry_Potter#/abusefilter
Click edit.
Type
Lord Voldemort
to trigger an AbuseFilter rule
The mobile interface alerts the user that an issue occurred (but this is non-obvious)
it also requires the user to click "Learn more" to understand the nature of the warning.
Clicking learn more triggers a confusing workflow (the user is incorrectly asked if they want to abandon their edit)
And clicking cancel leaves the user with a confusing screen
Button is blank
Problems with errors
Type the phrase "I love marmite" into any edit and you will be disallowed from completing the edit.
This error does not look like an error and has similar problems to the other workflow.
Acceptance criteria
At minimum:
- Add errorbox class to errors triggered by AbuseFilter
- Add warningbox class to error
- Add a label to AbuseFilterOverlay.options.confirmButton
- Suppress the escape editor warning when switching to the AbuseFilterOverlay
Developer notes
Code lives in resources/mobile.editor.common/AbuseFilterPanel.js and resources/mobile.editor.common/AbuseFilterOverlay.js
Developer notes for designer
This message is not styled with the warningbox class. Adding the class makes it look like this:
Having a separate overlay to display this error is a little jarring to me and throwing to you in case you want to rethink this entire experience.
Replication in production
Anonymous users on Commons trying to create pages will hit this all the time:
