selectboxのライブラリがうまく動かない

Question

現在本投稿に設定した『タグ』とselect2のプラグインを使って、コンボボックスを実装しようとしています。

あらゆる端末で動作確認をし、基本的にはうまく動いているのですが、スマホのandroid7だけうまく動かないです。
結論から言うと、
その解決方法を教えていただけないでしょうか？

うまく動かないというのは、コンボボックスをタップすると選択肢が開いてすぐ閉じてしまうのです。コンボボックスも検索できるようになっているのですが、検索ワードを入力するテキストボックスに一瞬フォーカスがあたり、システムキーボードが表示され、その後コンボボックスの選択肢も閉じ、キーボードも非表示になります。

tabindex=-1を外す対応もしたのですが、うまく動きませんでした。

もしわかる方がいればお願い致します。

Comments

[defghi1977]

具体的なコードをご提示下さい.

[k499778]

こちらになります。https://codepen.io/stephenbe/pen/zBrzYP

Answer 1

こちら解決いたしました。
Andoroidの場合、コンボボックスを押下して、キーボードが開かれると既存コードのresize()が走り、コンボボックスのdestroyが起きていました。
そのためuaを取得し、Androidの場合のみリサイズしないように条件分岐を入れて対処しました。

var ua = navigator.userAgent;
if(ua.indexOf('Android')< 0){
   リサイズ処理
}

ただAndroidのFirefoxはuaが"Android"でとれてこず、"Firefox.+$#"という値で取れてきたので、一律の対応は難しかったです。
AndroidのFirefoxは対応ブラウザからは外れているので未対応になりました。

Comments

[退会済みユーザー]

おー解決して良かったですね。
今回の障害が発生したandroidのバージョンを教えていただけますか？？
今回の障害ってandroid全バージョンに当てはまりますか？？

[k499778]

本投稿にある通りAndroid7.0ですね。キーボード開く時にresizeが走るのが問題でした。
他のバージョンは見ていません。

Answer 2

こちらは全てのandroid7機種で不具合が出ているんですか？？

公式ドキュメントの方で、android7が正常に動くことは確認しましたか??

Comments

[k499778]

自己解答いたしました。そちらをご覧いただければと思います。