语义输入组件和LastPass图标

Question

有没有办法阻止LastPass停止将LastPass图标放在语义呈现的输入(下拉列表和复选框)上？

我知道我可以把data-lpignore="true“放在上面来防止它的发生--但是我无法访问上面提到的组件中的那个标签……

谢谢你的建议和帮助！

Answer 1

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

如果这不起作用，我看到很多博客文章说要添加“搜索”到id，id="checkbox-search"，但这显然是肮脏的方式，并取决于你有多想摆脱它

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