質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Safari

SafariはAppleのウェブブラウザであり、Mac OS XとiOSのデフォルトのブラウザです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

iPhone

iPhoneとは、アップル社が開発・販売しているスマートフォンです。 同社のデジタルオーディオプレーヤーiPodの機能、電話機能、インターネットやメールなどのWeb通信機能の3つをドッキングした機器です。

Q&A

0回答

304閲覧

iPhoneSE、inputタグ入力時のソフトウェアキーボードの挙動について

KiwiNz

総合スコア0

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Safari

SafariはAppleのウェブブラウザであり、Mac OS XとiOSのデフォルトのブラウザです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

iPhone

iPhoneとは、アップル社が開発・販売しているスマートフォンです。 同社のデジタルオーディオプレーヤーiPodの機能、電話機能、インターネットやメールなどのWeb通信機能の3つをドッキングした機器です。

0グッド

0クリップ

投稿2022/07/29 11:13

発生している事象

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経由でデバッグができないという問題があります。
加えてクライアントが遠方ということもあって、お借りすることもできず
相手方にデバッグ環境を整えるのも難しい状況です。

そのため同様の事象が発生した方がいないか、原因や対処法を知っている方がいないか、
藁にもすがる思いでこちらに投稿させていただきました。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hoshi-takanori

2022/07/29 12:24

なんとなく autoKana.js が怪しい気がしますが、状況を再現できるコードを貼ってくれないと確認しようがないですね。 とりあえず iPhone SE の iOS バージョンを確認して、iOS Simulator で確認してみるとか? (Mac と Xcode が必要ですが。)
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問