発生している事象
formタグの input 入力時、iPhoneSEの場合に入力文字が以下のように連続するという不具合報告を受けております。
入力先は「input type=text」です。
入力欄にフォーカス
↓
「あ」をタップ
↓
「ああ」
↓
「か」をタップ
↓
「あああかあか」
↓
「さ」をタップ
↓
「あああかあかあかさあかさ」
このように最初の文字が連続し、その後はひとかたまりになって2連続になります。
報告を受けているのはiPhoneSE Safariのみで、その他のiPhoneでは発生していません。
また、当該デバイスにおいて他のWebページのformでは正常に入力ができています。
影響範囲
inputのtype=textのみでなく、ソフトウェアキーボードが起動するものは全て対象になっています。
導入しているJSライブラリ
・jQuery
・autoKana.js
・jqueryValidate
・独自の制御用Script
対処と考察
inputのtype変更では変化がみられません。
独自の制御用スクリプトでは全ての入力データを精査する必要があるため、
changeイベントとkeyupイベントを発火させていますが、この部分を排除しても発生しています。
それを除いてinputの入力に作用しているのは jqueryValidate ライブラリぐらいなので、
これが怪しいとふんではいるのですが、そもそもどのタイミングで
どういう影響が起きて発生しているのかが調べられず、
同様の問題が発生していないかググっても、同様の事象報告を見つけられず途方に暮れています。
英語でもあれこれ検索してみましたが、私の英語力か技術力不足か、
直接的な解決策や原因を見つけられないでいます。
https://github.com/ueberdosis/tiptap/issues/2780
https://github.com/s-yadav/react-number-format/issues/262
さいごに
当方でのiPhoneSE第2世代の実機がないため、PC経由でデバッグができないという問題があります。
加えてクライアントが遠方ということもあって、お借りすることもできず
相手方にデバッグ環境を整えるのも難しい状況です。
そのため同様の事象が発生した方がいないか、原因や対処法を知っている方がいないか、
藁にもすがる思いでこちらに投稿させていただきました。
あなたの回答
tips
プレビュー