Visit https://reading-web-staging.wmflabs.org/wiki/Harry_Potter#/abusefilter
Click edit.
Type
```
Lord Voldemort
```
to trigger an [[ https://reading-web-staging.wmflabs.org/wiki/Special:AbuseFilter/1 | AbuseFilter rule ]]
The mobile interface alerts the user that an issue occurred (but this is non-obvious)
{F25205144}
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)
{F25205158}
And clicking cancel leaves the user with a confusing screen
Button is blank
{F25205215}
=== Problems with errors
Type the phrase "I love marmite" into any edit and you will be disallowed from completing the edit.
{F25205367}
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:
{F25205149}
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:
{F30222983,size=full}