如何在常规输入上隐藏chrome chrome

发布于 2025-02-14 02:18:05 字数 1022 浏览 5 评论 0 原文

Android上的Chrome正在显示无关输入的密码建议功能区,我找不到任何隐藏方法。

我有一个带有多个输入的表单(在React中创建)。所有这些都是类型“ text” “ date” ,“ number” 或其他非login表单相关类型。他们每个人都有两个属性 autoComplete =“ off” aria-autocomplete =“ none” 。周围形式也具有这些属性。

无论我做什么,此密码功能区都出现在Android的Chrome上。 (Chrome版本103.0.5060.70,在Android 10上运行),我似乎找不到有关它的任何信息。在Chrome中没有设置或实验标志来禁用它,也没有提示其显示的HTML属性,也没有将其隐藏的属性。

功能区引起两个问题

  1. UX问题:显然,我不希望用户获得完全无关的输入的密码建议。
  2. 布局问题:图像中显示的底部表格底部:0 ,密码功能区消失(不是在视觉上,而是从布局中),少于50毫秒,导致突然跳跃。 (我可以通过将底部的底部定位在页面底部的 top:{window.innerheight} px 并使用Framer Motion以50ms的延迟为动画进行动画动画。

任何人都可以告诉我有关此密码的任何信息吗?

  • 隐藏它
  • 如何 chrome:// flags/禁用它

(请参阅下面的App的图像,并在无关的文本输入上显示密码功能区。)

功能区的图像

Chrome on Android is showing a password suggestion ribbon for unrelated inputs and I can't find any way to hide it.

I have a form with multiple inputs (created in React). All of them are of type "text", "date", "number" or other non-login form related type. Each one of them has both attributes autocomplete="off" and aria-autocomplete="none". The surrounding form has those attributes as well.

No matter what I do, this password ribbon appears on Chrome for Android. (Chrome version 103.0.5060.70, running on Android 10) and I can't seem to find any information about it online. No settings or experimental flags in Chrome to disable it, no HTML attributes which prompt it to be shown nor attributes to hide it.

The ribbon causes two problems:

  1. The UX problem: Obviously, I don't want users to get password suggestions for completely unrelated inputs.
  2. The Layout problem: The bottom sheet shown in the image is positioned with bottom: 0, and the password ribbon disappears (not visually but from the layout) for less than 50 milliseconds, causing an abrupt jump. (This I could get around by manually positioning the bottom sheet to the bottom of the page with top: {window.innerHeight}px and animating that property using Framer motion with a delay of 50ms.

Can anyone tell me anything about this password ribbon?

  • How to hide it?
  • Why is it shown?
  • Is there a setting in Chrome, or a flag in chrome://flags/ to disable it?

(See below for image of app and the password ribbon showing on an unrelated text input.)

Image of the Ribbon in action

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

醉酒的小男人 2025-02-21 02:18:05

这是一个铬错误。请参阅副本(

解决方法是设置 type =“搜索” 在您的输入上。

This is a Chrome bug. See duplicate (Prevent Android keyboard in Chrome from showing password management on HTML input)

The workaround is to set type="search" on your input.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文