语义输入组件和LastPass图标

Question

有什么方法可以阻止LastPass停止在语义呈现的输入（下拉和复选框）上放置LastPass图标吗？

我知道我可以放入data-lpignore =“ true”来防止它发生-但我无权访问上述组件中的该标签...

感谢任何提示和帮助！

Answer 1

尝试向表单添加autocomplete="off"属性

如果这不起作用，则会看到很多博客文章说要在ID id="checkbox-search"上添加“搜索”，但这显然是一种肮脏的方式，取决于您希望摆脱该问题的多少< / p>

Answer 2

您实际上可以将该data参数添加到标记中的<input>标签中。您只需要以稍微不同的方式定义组件的标记即可。而且您不会丢失任何SUIR交互的自动控制魔术。

这是使该数据参数附加到<input>标签而不是包含父元素<div>的唯一方法。

<Form>
  <Form.Field>
    <label>Address</label>
    <Input >
      <input data-lpignore="true" />
    </Input>
  </Form.Field>
</Form>

下面是一个有效的代码框，以显示其正常工作：https://codesandbox.io/s/230qz1vqj0