浏览器地址自动填充不会填充“状态”SelectField元素

Question

我有一个地址表单，对于“州”两个字母的代码，我使用material-ui SelectField。 问题是当浏览器提出自动填充地址时，此SelectField不会使用正确的状态代码自动填充。 所有其他文本字段（地址，城市，邮政编码）自动填充正确。 我已经使用Chrome / Firefox / IE / Edge / Safari进行了测试。

您可以在此处测试我的代码：https://gmacciocca.github.io/coffee-with-congress

Answer 1

这是因为SelectField由<div>等组成，而不是使用原生的<select>表单元素。

理论上可以使用隐藏的阴影元素来捕获输入，但是某些浏览器不会在自动填充中触发DOM事件作为安全预防措施，因此无法确定在没有连续的情况下提供了值轮询。

这与文本字段标签在自动填充时没有动画的问题相同。