Login Page is not useable with KeepassXC

[MBurchard]

Checklist

• I have updated to the latest available Home Assistant version.
• I have cleared the cache of my browser.
• I have tried a different browser to see if it is related to my browser.
• I have tried reproducing the issue in safe mode to rule out problems with unsupported custom resources.

Describe the issue you are experiencing

The login screen for the web browser is designed so that there is no way for KeepassXC to recognize the difference between the username and the OTP field.
Even if you select the fields using the toolbar for KeepassXC, the user name is always entered in the OTP field.

Describe the behavior you expected

The login for Homeassistant should be as robust as is usual on most websites and support current password managers.

Steps to reproduce the issue

1. Install Firefox or Chrome, KeepassXC, the KeepassXC extension
2. configure everything accordingly
3. Test if it works on other Websites, like Google, Amazon what ever you want
4. Try to login to Homeassistant and you'll see, that you can not autofill all Fields, you'll always have to manually insert the OTP or copy and past it from KeepassXC

What version of Home Assistant Core has the issue?

2025.1.1

What was the last working version of Home Assistant Core?

never

In which browser are you experiencing the issue?

Firefox, Chrome, Edge

Which operating system are you using to run this browser?

macOS, WIndows

State of relevant entities

No response

Problem-relevant frontend configuration

No response

Javascript errors shown in your browser console/inspector

No response

Additional information

No response