我的 Vaadin 登录页面无法触发 Chromes "Save Password"功能

Question

我目前正在开发一个使用Vaadin和Spring Security编写的网站。

当你登录到一个网页时，例如邮件客户端等，你会得到"你想保存你的密码吗"的提示。就我而言，这并没有发生。

我创建了一个vaadin应用程序，它不会触发此操作。

我确实有一个带有动作和方法的表单，并且正确地命名了我的输入。

我试着启用autocomplete和autocorrect=off，但似乎不起作用。有什么原因没有触发？

附加信息：

Vaadin版本：14.1.17Spring Boot：最新版本

要测试的URL:https://rp.mainlevel.at

代码：

username = new TextField();
username.getElement().setAttribute("name", "username");
username.setAutocomplete(Autocomplete.USERNAME);
username.setAutocorrect(false);
username.setPlaceholder(getTranslation("login.username", langLocale));
username.addClassName(AdminPress.FORM_CONTROL);
pwfield = new PasswordField();
pwfield.getElement().setAttribute("name", "password");
pwfield.getElement().setAttribute("id", "password");
pwfield.setAutocomplete(Autocomplete.CURRENT_PASSWORD);
pwfield.setAutocorrect(false);
pwfield.setPlaceholder(getTranslation("login.placeholder.password", langLocale));
pwfield.addClassName(AdminPress.FORM_CONTROL);

Answer 1

TextField和PasswordField中的输入元素隐藏在这些web组件的shadow DOM中，因此Chrome无法正常检测到本地输入，也不会自动完成。Chrome 中也有关于此的功能请求

框架中有一个登录表单组件，应该与密码管理器配合使用。在Vaadin网站上，还有一个关于如何将其与Spring Security一起使用的详细教程。