Translate modal: autosize not working

[thgoebel]

Describe the bug

The Translate modal does not autosize (unless the left text field is clicked). Only two lines of the text are shown by default.

Related: https://github.com/nextcloud/text/issues/3925

Steps To Reproduce:

1. Write some longer text
2. Click on ... -> Translate

Actual behaviour

a) Only 2 lines of text are shown.

b) There is not enough space to show the language dropdown in full.

Expected behavior

a) The modal should autosize to show all available text. Or, if that is too large for the screen, fill the entire screen height (modulo some padding outsize of the modal).

Note: the modal only auto-resizes once I click on the left text field (source text). Still, I don't like that UX. It's not clear, it's a surprise to the user, and it requires a click. It's also not consistent - clicking the right text field (target text) does nothing. I want to see the original text without needing a click. More importantly, I want to see the translation without needing to click the source text field.

b) The modal should autosize to show all languages in the dropdown.

Screenshots

Server details:

• Nextcloud version: 28.0.0.11
• PHP Version: 8.1
• Database: MariaDB

Client details:

• OS: Ubuntu 23.10
• Browser: Firefox 120.0.1