[web] - Password managers can't autofill until after focusing on inputs due to lazy-loaded inputs

[htoor3]

On the web, password managers have the ability to autofill forms either automatically, or manually through context menus and their chrome extensions.

Currently, autofill via password managers in Flutter only work through context menus. This is because input elements are only created after being focused on in our current text editing system. This prevents password managers from filling out forms automatically or through their chrome extensions until after an input in the form is focused on.

One potential solution being explored to resolve this is #120613.

[JaredEzz]

Would this enable features like Bitwarden's new autofill keyboard shortcut (Cmd/Ctrl+Shift+L) ? I've had trouble using password managers on my flutter web app for over a year now. Would love to resolve them.

[crizant]

In my case, bitwarden won't autofill on web either with context menu or the extension from the top right hand corner.

[JaredEzz]

flutter/engine#42268 was part of the 3.13 stable patch notes listed here.

Tested on stable 3.13 and bitwarden can autofill from the extension but no context menu shows up in the textfield

[htoor3]

@JaredEzz could you drop a screen recording of what you're seeing? Im trying it out on this app on both stable and master and seeing the same behavior as before: https://rexios80.github.io/flutter_autofill_test/stable/

• Chrome autofills when it detects the inputs created in the DOM (on focus)
• Bitwarden can then autofill the form in 3 ways: keyboard shortcut (cmd + shift + L), context menu, extension
• Also inspecting the DOM tree confirms that the form inputs are being placed in the correct order (this bug is what was causing the majority of the issues with bitwarden)

autofill.bitwarden.recording.mov

[JaredEzz]

It all works for me now

[JaredEzz]

Sorry for the confusion @htoor3

[htoor3]

no problem @JaredEzz! Let me know if you see any issues