Change Details

**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.) **What happens?**: * 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: 1. 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. 2. 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. **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. Original discussion: https://meta.wikimedia.org/wiki/Meta:Babel#Usability%20of%20the%20CAT%20interface%20here

**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.) **What happens?**: * 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: 1. 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. 2. 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. Original discussion: https://meta.wikimedia.org/wiki/Meta:Babel#Usability%20of%20the%20CAT%20interface%20here

**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.) **What happens?**: * 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: 1. 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. 2. 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. Original discussion: https://meta.wikimedia.org/wiki/Meta:Babel#Usability%20of%20the%20CAT%20interface%20here