Let email input field of login page autofocus

What does this MR do?

This MR causes the email input field of the login page to automatically be focused after page load so that one can immediately start typing.

How confident are you it won't break things if deployed?

99.4%

How to test

1. Checkout branch locally
2. Go to login page
3. The email input field should be focused automatically. If it contains text, it should be selected automatically.

Checklist

• added a test, or explain why one is not needed/possible...
• no unrelated changes
• asked someone for a code review
• set a "for:" label to indicate who will be affected by this change
• used "state:" labels to track this MR's state until it was beta tested
• added an entry to CHANGELOG.md
• added a short text that can be used in the release notes
• Once your MR has been merged, you are responsible to create a testing issue in Beta Testing Repo:
  • Consider writing a detailed description in German.
  • Describe in a few sentences, what should be tested from a user perspective.
  • Also mention different settings (e.g. different browsers, roles, ...) how this change can be tested.
  • Be aware, that also non technical people should understand.

Release notes text in German

Beim Laden der Login-Seite wird das E-Mail-Feld automatisch fokussiert

added Frontend / Design forFS Community + 1 deleted label

added 1 commit

• 5eee0fd9 - Let email input field of login page autofocus

Compare with previous version

added 1 commit

• c834da87 - Add entry to changelog

Compare with previous version

changed title from Give email input field autofocus to Let email input field of login page autofocus

marked the checklist item added a test, or explain why one is not needed/possible... as completed

marked the checklist item asked someone for a code review as completed

marked the checklist item added an entry to CHANGELOG.md as completed

added 1 deleted label and removed 1 deleted label

I don't know how to unit test such a change.

Together with !2022 (merged) this MR tries to make the login process simpler and faster.

For the dev instance, it would also be useful to get the default text of the email input field to automatically be selected. However, I can't get it to work.

The existing watcher does exactly what is needed but only if the focusLogin property changes.

I tried adding the following code:

mounted: function () {
    this.$nextTick(function () {
      console.log('running mounted')
      this.focusLogin = true
    })
  },

It doesn't work. The log is printed but the input field is not focused or its text selected.

As this only affects the dev instance I chose to ignore this for now. It can be added later if necessary.

added 6 commits

• c834da87...77b632bc - 4 commits from branch master
• 758b30b2 - Let email input field of login page autofocus
• 010cff5c - Add entry to changelog

Compare with previous version

approved this merge request

added 1 commit

• f40db311 - Select default login email automatically

Compare with previous version

resolved all threads

added 1 deleted label and removed 1 deleted label

changed the description

added 6 commits

• f40db311...c790c86a - 3 commits from branch master
• 7d388bee - Let email input field of login page autofocus
• f0c05141 - Add entry to changelog
• d48007d9 - Select default login email automatically

Compare with previous version

approved this merge request

merged