Added autofocus feature to input components in input.py - (09/15/24).

[StefanoCandiani]

As detailed in Issue #775 (Support Autofocus), I believe I added functionality of autofocus to each of the input functions (InputText, InputFloat, InputInt, and InputNumeric). Each of these will have a default parameter called focus that is initially set to False though the user can set to true or false. For InputText and InputNumeric, the focus variable is directly linked to the TextField autofocus default variable while for InputFloat and InputInt, the focus variable is merely passed on when the InputNumeric is called in the return statement. This is my first ever contribution so I'm not sure if I did it correctly or not so please let me know if I did a mistake or if I can optimize the code. Thank you!

[iisakkirotko]

Hi @StefanoCandiani! Thanks a lot for the PR.

I had two comments:

• I think the user-facing name of the attribute should be autofocus, since it more clearly communicates the intended use of the attribute and matches the HTML and Vuetify attribute.

• We should elaborate on the use in the docstring. I'd like to see:

  • That the element is focused on page load or when it is first mounted (in a solara.lab.ConfirmationDialog, solara.lab.Menu, or inside an if statement, for example), and
  • That only one element per page (or more properly per element that gets mounted, I guess) should have autofocus=True

  mentioned.

[StefanoCandiani]

Would this be fine? I changed focus to autofocus and expounded on the autofocus component in the docstrings. Thanks!