Performance issue because of too many textareas

[dogawaf]

Hello

In a file with a lot of language key, the browser suffers when loading all the textarea.
The textarea should be inserted in DOM dynamically in javascript only when focusing the text to translate.

[rrrapha]

Hi @dogawaf
How many labels do you have in a single file? Performance has always been acceptable for me..
I don't really like your suggestion because I use the browser's search function a lot (CTRL-f), and I also
want to keep the extension as simple as possible.

[dogawaf]

Hello.

On a basic computer, a file with 200+ keys leads to some performance issue. The interface lags when scrolling.

With the proposed workaround, you can still show all the keys, and search them with CTRL+F.
The labels are displayed in <PRE> tags styled like a textarea (and also duplicated by input type="hidden").
When the user clicks or focus in the <PRE> to edit the label, the JS replaces the <PRE> with a textarea.