1681688 - Input area becomes empty for strings already translated

Status: RESOLVED FIXED

(Webtools Graveyard :: Pontoon, defect, P1)

Description

[Francesco Lodolo [:flod]]

Testing URL: https://pontoon.mozilla.org/it/firefox-for-ios/all-resources/?string=66901

1. Select a translated string in the sidebar, it should show the translation. Then click it again, the translation disappears. Clicking it again doesn't help.

2. Select a translated string, then move down with arrow keys to another translated string. Again, the editor stays empty.

Comment 1

[Matjaz Horvat [:mathjazz]]

Some findings:

• There are at least 4 ways to reproduce the problem with empty editor showing instead of a populated one:
  1. Click on the same string in the list.
  2. Navigate to a different string with keyboard (Alt+Up/Down).
  3. Approve suggestion (with Enter or Approve button).
  4. Submit a translation.
• The issue is only reproducible in the generic (non-FTL) editor.
  1. FluentEditor.js and GenericEditor.js use different useLoadTranslation hooks.
  2. Code within React.useEffect() block of the useLoadTranslation hook used by GenericEditor.js is not called.

Comment 2

[GitHub Bugzilla PR Linker]

Attachment: Link to GitHub pull-request: https://github.com/mozilla/pontoon/pull/1826