IOS上のAMPでのフォーム

Question

私たちはフォームを持っています - AMPの検索ボックス。それは完全に動作します。しかしIOS上では、フォームにクリックするとズームインするので、サイズが大きくなります。また、表示されているIOSキーボードを使用してフォームに入力することもできますが、検索をクリックすると何も起こりません。したがって、送信する唯一の方法は、フォームの横にある送信ボタンをクリックすることです。

は、私たちは、AMPフォームのカスタム要素を使用している：

それはIOSでこのように動作している理由の任意のアイデア？

Answer 1

これはiOSの標準的な動作であり、AMPページの範囲内で「修正」できるものではないと思います。

Answer 2

font-sizeが16px（またはequiv）未満の場合、テキスト入力フォーム要素はiOSを拡大します。スタイルシートにinput {font-size: 16px;}というルールを追加すると、問題が修正されます。

注：フォーム入力に適用される他のルールに応じて、より具体的なセレクタが必要な場合があります。