safariでinput要素の文字列がオーバーしたとき、スクロールができない。

Question

現在、スマホ対応のページを作成しているのですが、iPhone 5でinput要素の文字列がオーバーしたとき、スクロールが動作しておらず文字列の内容が確認できないことがわかったのですが。調べたところsafariのバグだと書かれていました。これに対する対応経験や、詳しい事などをご存知の方がいらっしゃいましたらご教授ください。

実行環境
端末 ：iPhone 5
ブラウザ：safari 9.0
OS ：iOS 9.1

Answer 1

textareaをinputと同じ見た目にしたらいかがでしょうか？:)

Comments

[makiikeda1216]

回答ありがとうございます。これなら最低限の動作ができそうです！iPhoneのsafariの場合のみtextareaに変換するように変えようと思います！

Answer 2

以下のバグですかね。
Text input's cursor doesn't move while scrolling the page on iOS - WebKit Bugzilla

それぞれのコメントにリンクがあるので、そこにあるCSSを試してはどうでしょうか。
実際に試す環境がこちらにはないので無責任なコメントですが・・・

例えば以下のCSSとか。

-webkit-transform: translate3d(0,0,0)

Comments

[makiikeda1216]

回答ありがとうございます！
上のサイトを参考にいろいろ試してみましたが、やはり直りませんでした。
もう少しcssの適用方法を試してみます。
最新のIOS 9.3.2にアップデートしても現象を確認できました。