ブラウザアドレスのオートフィルが「状態」を満たしていないSelectFieldエレメント

Question

私は「州」の2文字コードの場合、私はmaterial-ui SelectFieldを使用する住所書式を持っています。 ブラウザが自動入力アドレスを提案しているときに、このSelectFieldが正しい状態コードで自動入力しないという問題があります。 他のすべてのテキストフィールド（住所、市区町村、郵便番号）は正しく入力してください。 私はこれをChrome/Firefox/IE/Edge/Safariでテストしました。

あなたはここに私のコードをテストすることができます。SelectFieldはむしろネイティブ<select>フォーム要素を使用するよりも<div> Sなどで構成されているので、https://gmacciocca.github.io/coffee-with-congress

Answer 1

これがあります。

隠しシャドウ要素は理論上は入力をキャプチャするために使用できますが、一部のブラウザではセキュリティ保護のために自動入力でDOMイベントがトリガされないため、値が提供されていないと判断することはできません継続的なポーリング。

これは、オートフィルでアニメーション化されていないテキストフィールドラベルと同じ問題です。