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

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

新規登録して質問してみよう
ただいま回答率
85.48%
Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Q&A

解決済

1回答

980閲覧

Railsアプリをスマホで使用している時、text_fieldとscrollがたまに機能しない

broly

総合スコア13

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

1グッド

0クリップ

投稿2018/12/30 06:01

前提・実現したいこと

Ruby : 2.3.1
Rails: 5.2.2

レスポンシブ対応のウェブアプリを作っていますが、許容できないバグに遭遇しています。
色々検索したのですが、同じバグに遭遇してる人が見つかりませんでした。

▪️詳細
アプリを使っていると以下のバグが時々起こる
・form_forのtext_field, email_field, text_areaで、入力欄を押してもフォーカスしない。
htmlのaタグは問題ないので、タップ機能は問題ないようです

  1. formページを訪問
  2. text_field, email_field, text_areaをタップ
  3. フォーカスしない時があり、テキスト入力が行えない

別ページに行ったり一定時間経過するとバグが直っているときもありますが、確かではありません。

補足情報(FW/ツールのバージョンなど)

▪️調査端末
以下デバイスでバグに遭遇しています。
・mobile phone emulator(device toolbar of chrome devtools)
・ios(12.1.2)
・Android(8.0.0)

また、上記バグが出た時、mobileの実機のみscrollが効かないバグが出てます。emulatorでは問題ありません。
確かな答えでなくていいので、ここが怪しいみたいな箇所思いつく方はご教授お願いいたします。

bochan2👍を押しています

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

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

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

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

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

guest

回答1

0

自己解決

自己解決できました。

▪️原因
JSのtouchイベントを扱うページがあったが、そのイベントでスクロール判定を実装していなかったため。

上記ページではscrollが行えないバグがありました。そのページを経由して別ページに遷移するとturbolinksが影響してバグが残った状態(?)で遷移していたようでした。

遷移後にページ更新を行ったり、遷移前のaタグにdata-turbolinks="false"をつければtext-fieldが反応しないバグが直ることを発見しましたが、そもそものスクロール判定を実装したら全てのバグが解消されました。

また、上記バグが出た時、mobileの実機のみscrollが効かないバグが出てます。emulatorでは問題ありません。

こちらは完全に私の勘違いで、emulatormでもバグが起きていました。

投稿2019/01/02 11:39

broly

総合スコア13

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問