Focus in the input text area

[stranak]

On opening the page, focus should be in the input text area, so that text can be immediately pasted, without first clicking.

[stranak]

Je to jen otázka přidání atributu autofocus na tomto elementu?

<textarea aria-invalid="false" id="source" [...]></textarea>

https://www.w3schools.com/TAGS/att_input_autofocus.asp

[EbrithilNogare]

pozor, autofocus se v Reactu chova zcela jinak !!! Jelikoz React elementy vymazava a nahrazuje novymi, tak se autofocus vola casteji, nez jen pri prvnim nacteni stranky. Navic k povaze Reactu, casto vytvari objekty a teprve pote je aplikuje, tudiz autofocus se na druhou stranu, nemusi aplikovat vubec.

[stranak]

Už jsem si vyzkoušel, že to přidáním autofocusu do toho slementu nepůjde :-)

Něco by se s tím ale udělat mělo, protože zjevně mnoha lidem (všem?) ten focus do pole source nenaskakuje. Je to tedy na Vás, tohle určitě nezvládnu.

[EbrithilNogare]

tak tohle je fakt necekane tezkej ukol :D :D nic z toho co mi internet poskytl nefunguje, zkusim se na to jeste podivat pozdeji, ale nevidim to moc slibne.

[martinpopel]

Několik dalších uživatelů mi hlásilo, že by se jim hodilo, kdyby mohli rovnou začít psát, bez klikání. I po kliknutí na tlačítko s křížkem (smazání vstupu) a změnu směru překladu, by se měl nastavit focus do vstupního boxu (v případě změny směru by měl být kurzor asi na konci).

[EbrithilNogare]

sry, bad name of commit, I will get into correct naming shortly. Now it should autofocus on load (or reload) of page into input textfield.

[martinpopel]

I confirm the input text field is now focused on (re)load. However, it is not focused after clicking on the buttons "clear source text" and "swap languages".

[martinpopel]

Works nicely and already deployed at https://translator.cuni.cz/. Thanks.