前提・実現したいこと
入力フォームに入力すると下に入力した文字が表示されるSuggest機能の実装。
発生している問題・エラーメッセージ
iphoneの公式キーボードの予測変換をタップするとSuggestに予測変換の文字が反映されない状況です。
pcの予測変換は問題なく反映され、スマホキーボードアプリのflickで入力、予測変換をタップすると反映される。
該当のソースコード
HTML
1<input type="text" class="profile-edit-add-tag-myself-search js-profile-edit-add-tag-myself-search"> 2<ul class="profile-edit-suggest-list js-profile-edit-suggest-list"></ul>
JavaScript
1 var $addMyselfTagSearch = $('.js-profile-edit-add-tag-myself-search'); 2 3 $addMyselfSkillTagSearch.keyup(function () { 4 var $suggestList = $('.js-profile-edit-suggest-list'); 5 var inputCharacter = $(this).val(); 6 var dynamicSuggestListInputItem = $('<li class="profile-edit-suggest-list-item js-profile-edit-suggest-list-item js-profile-edit-suggest-list-input-item">' + inputCharacter + '</li>'); 7 8 dynamicSuggestListInputItem.appendTo($suggestList); 9}
試したこと
SafariとChromeで試しましたがブラウザ間での違いではなさそうです。
補足情報(FW/ツールのバージョンなど)
参考になる記事などあれば教えていただけると幸いです。
あなたの回答
tips
プレビュー