Steps to replicate the issue (include links if applicable):
- On MetaWiki, go to any translatable page
- Click Translate this page
- Click on any segment
- Start typing a parenthesis but do not close it or save the segment
(After you see what happens please delete the parenthesis and cancel your change.)
- Observation: After 3 seconds, the “Publish translation” and “Skip to next” buttons, as well as the text field for the commit message, are pushed down one line
- Significance: If the translator at this point closes the parenthesis *and* then tries to write a commit message, the segment is saved with no commit message
What should have happened instead?:
The position of important UI elements should not move. There are two ways I can see that can achieve this:
- Reserve a blank line where the warning is currently displayed. The blank line stays visible but blank (e.g., visibility: hidden or content: "") until a warning is displayed. The warning thus takes up a fixed amount of space and would not push UI elements down.
- Move the warning to *below* the Publish and Skip buttons so that when the warning is added/removed these buttons will not move.
Option 2 is probably the better solution, since Option 1 might not be compatible with some languages; alternatively, if visibility of the warning above the active segment is deemed important, a hybrid option (a reserved space for a warning icon + a detailed warning below the Publish button) can be considered.
Software version (skip for WMF-hosted wikis like Wikipedia):
Other information (browser name/version, screenshots, etc.):
Note: it was suggested that I filed this as a feature request, but this is technically a bug, since it is an accessibility issue and actually *causes* user errors.