Outbound translation

[jelmervdl]

[jelmervdl]

I want to replace the German and French in the screenshot (which are the wrong way around by the way, but that's already fixed) with drop-downs so you have more control over translating from what to what.

One example I can imagine is translating German to English because you can't read German, but you're okay with English. However, you're not comfortable writing English, but you are writing Spanish, so you select Spanish -> German for translating the forms. Or the other way around if you're comfortable reading the pivoted text, but are not happy with the text it generates for you when doing double translation because of the pivoting.

[jelmervdl]

It works in slack. Bit weird since the top half of Slack disappears. They use div { height: 100vh; } and I have no way of tricking the browser in changing the meaning of 100vh. But as soon as OT closes, which happens if you focus on any other element of the page, Slack is normal again.

[jelmervdl]

Editors I've found so far:

• https://www.npmjs.com/package/lexical (Facebook) accepts execCommand(insertText)
• https://draftjs.org (Twitter) needs event trick with insertText.
• Gmail compose window seems to work like a plain contenteditable field
• select everything + execCommand(insertText) seems to work well with other contenteditable fields as well