Chosen: Ipadのスクロールの問題で選択された単一の選択enクリックの問題複数の選択

作成日 2015年03月28日  ·  41コメント  ·  ソース: harvesthq/chosen

最近の修正:

2119タッチイベントの伝播を修正

Ipadで選択された他の機能を壊しているようです(Ipad 3でテストされ、最新バージョンが選択されています)。
問題:

  • 単一選択:ドロップダウンリストのスクロールが機能しなくなりました
  • 複数選択:選択したアイテムを削除することは不可能であり、最初に選択ウィンドウをクリックした後、ドロップダウンリストが表示されません
    これらの問題は、標準で選択されたテストサイト( http://harvesthq.github.io/chosen/ )の標準選択および複数選択の例でIpadを使用して再現できます。
    機能は以前は問題なかったので、おそらく#2119修正と関係があります。
Bug Has Solution

最も参考になるコメント

同じ問題が発生しています。 #2119で実装されたtouchstart.chosenのevt.preventDefault()をコメントアウトすることを含む、回避策を見つけることができました。

      this.container.bind('touchstart.chosen', function(evt) {
        _this.container_mousedown(evt);
        //return evt.preventDefault();
      });
      this.container.bind('touchend.chosen', function(evt) {
        _this.container_mouseup(evt);
        return evt.preventDefault();
      });

全てのコメント41件

@donthebikeで発生している問題も発生しています。

こっちも一緒

ここでも同じ問題があります。 IOSとAndroidの両方。 修正に関するETAはありますか?
ありがとう。

この問題も見ています。

タッチデバイスで選択したオプションを削除するために選択解除アイコン(十字)が機能しないことに関する同じ問題。 ただし、バックスペースキーはオプションを削除するために機能します。

#2119修正の前後に(git bisectを使用して)テストし、そのコミットによって問題が発生したことを確認しました。 iPadのSafariとChrome、およびAndroidタブレットのChromeでテスト済み。

@ AmirS2と同じ問題。 ただし、ドロップダウンが開いているときに画面がスクロールしたときのクリックイベントは修正されました。

同じ問題。

同じ問題に加えて、Androidでの選択の問題が発生していました。 簡単な修正として、先に進み、すべてのタッチイベントを削除しました。 オプションが選択されたときにモバイルデバイスで最初に強調表示されないことを除いて、すべてがAndroidとiOSの両方で機能します。 ただし、シングルセレクトを使用しています。 また、タッチイベントの経験があまりないので、この場合に使用された特定の理由があるかどうかはわかりません。

ここで同じ問題。 @nlaitchisonが言ったように、すべてのタッチイベントを無効にすると問題が修正されます。 しかし、これは恒久的な修正ではないと思います。 これについて何か考えはありますか?

同じ問題が発生しています。 #2119で実装されたtouchstart.chosenのevt.preventDefault()をコメントアウトすることを含む、回避策を見つけることができました。

      this.container.bind('touchstart.chosen', function(evt) {
        _this.container_mousedown(evt);
        //return evt.preventDefault();
      });
      this.container.bind('touchend.chosen', function(evt) {
        _this.container_mouseup(evt);
        return evt.preventDefault();
      });

私もこの問題を見ています。 モバイルユーザーにとって非常に迷惑です。

親愛なる@vbanuelos 、あなたの回避策は私のために問題を修正しませんでした。 どのバージョンを使用していますか? 1.4.2?

@ ptrussart-その通りです。 V1.4.2

私は私の2セントを投入すると思っただけです! これは私にとっても問題です。 私の回避策は、iPadでchosenを無効にすることでした。これは、jqueryファイルの532行目をから変更することで実行できます。

      if (/iP(od|hone)/i.test(window.navigator.userAgent)) {
        return false;
      }

      if (/iP(od|ad|hone)/i.test(window.navigator.userAgent)) {
        return false;
      }

同じスクロールの問題があります。 @ vbanuelosからの修正が

@vbanuelosからの+1修正。 どうもありがとう。 単一の選択リストで、iOS8.3のSafariとChromeでテストされています。

@vbanuelosからの

はい! @vbanuelosからの+1修正

この修正は再マージされますか、それとも何かがブロックされていますか?

この修正は再マージされますか、それとも何かがブロックされていますか?

これについて何か新しいことはありますか?

@ ptrussart-私の回避策はほとんど機能しているようです。 おそらくそれは最新のリリースで実装できますか?

ただし、現在はハードコーディングされています。 :(

上記のpreventDefault()回避策をコーディングするのに苦労しなければならなかった同僚がいます。

これに問題はありますか? 行を削除するコミットと、削除を元に戻すコミットが表示されます。

どうもありがとう。

@vbanuelosそれは素晴らしいです

selected.jquery.jsファイルの1004行目を置き換えます
close_link.bind('click.chosen', function(evt) {

close_link.bind('touchstart.chosen click.chosen', function(evt) {

これは私にとってはうまくいきます。

http://realize.be/mobile-support-chosen

@ josemigueldel85これはばかげた質問かもしれませんが、モバイルタッチサポートのクイックフィックスはどこに置くことを目的としていますか? 私は上のあなたの投稿から以下について話している。

// Chosen touch support.
    if ($('.chosen-container').length > 0) {
      $('.chosen-container').on('touchstart', function(e){
        e.stopPropagation(); e.preventDefault();
        // Trigger the mousedown event.
        $(this).trigger('mousedown');
      });
    }

Webページの添付ファイルをダウンロードします。 http://realize.be/mobile-support-chosen

selected.jquery.min_.js.txt

この問題はiPadだけでなく、Androidタブレットでも発生します。

また、バックスペースを使用してオプションを削除することも可能です

修正は機能しますが、1.1で選択したファイルバージョンに適用されます...最新バージョンにパッチを適用する方法はありますか? または、何が変更されたかをお知らせください。 ありがとう

@vbanuelosがv1.6.1でこのアプローチを使用すると、iPad(Chromeシミュレーター)で正常に動作します。このアプローチの結果を知っていますか。

私は同じ問題を抱えています。 ソースファイルを編集せずに@vbanuelosアプローチを追加する方法はありますか? chosen.min.jsファイルを直接編集する代わりに、自分のサイトのスクリプトに追加できるハックのように? 選択したiPadでこの問題が発生し、現在のバージョンでもスクロールできません。

選択したものは携帯電話では無効になりますが、iPadでは無効になりません。 モバイルと同じように、iPadやタブレットで選択したものを完全に無効にできると便利だと思います。 これを行う方法はありますか?

皆さんこんにちは、

私はこの問題を経験していて、本当の修正を探しています。

いずれかのバージョンで修正しましたか? ETAはありますか?

選択したライブラリをアップグレードする必要がありますか?

@ harvesthq / selected-developers

事前に感謝

私の修正は複数選択で機能しましたが、単一選択の選択を邪魔しています
最初のクリックで機能させないで、2回目のクリックで
選択ボックスが機能するので、ここに長所と短所の1つがあります。

問題のようですが解決策はありません

12時21分AMの火、2017年2月28日には、のVirgile [email protected]書きました:

皆さんこんにちは、

私はこの問題を経験していて、本当の修正を探しています。

いずれかのバージョンで修正しましたか? ETAはありますか?

選択したライブラリをアップグレードする必要がありますか?

@ harvesthq / selected-developers

事前に感謝


あなたがコメントしたのであなたはこれを受け取っています。
このメールに直接返信し、GitHubで表示してください
https://github.com/harvesthq/chosen/issues/2289#issuecomment-282812806
またはスレッドをミュートします
https://github.com/notifications/unsubscribe-auth/AOb86iHEa_PhLl66NKAS_lFpi6MAJv9Yks5rgxsVgaJpZM4D2bZd

このように聞こえますが、マスターで10月に修正されました-#2725(2016年10月9日を参照)。 または、マスター(およびこの修正)に対してテストしていますが、それでも問題がありますか?
新しいリリースはまだありませんが、bowerを使用してマスターバージョンをインストールできます。
bower install https://github.com/harvesthq/chosen-package.git#master --save
[ bower install https://github.com/harvesthq/chosen.git#master --saveはバウアーフレンドリーなリポジトリではないため、使用しないでください。つまり、生成されたjs、cssなどのファイルは含まれていません。]
(バージョン1.6.2が既にインストールされている場合は、インストールされているバージョンを上書きするオプションが表示されます)。 将来のすべてのbower installが最新バージョンを取得するため、理想的ではありませんが、現時点ではオプションです。

@mcjwbが推奨することを

#2725を含むChosen1.7.0をリリースしました

素晴らしい、私のためにすべてを並べ替えました。 どうもありがとうございます。

  • 単一選択:ドロップダウンリストのスクロールが機能しなくなりました

確認済み-修正済み。

  • 複数選択:選択したアイテムを削除することはできません

まだ修正されていません(1.7.0を選択)

ありがとう@snakexxx

selected.jquery.jsファイルの1004行目を置き換えます
close_link.bind('click.chosen', function(evt) {

close_link.bind('touchstart.chosen click.chosen', function(evt) {

すべての'click.chosen'イベントを'touchstart.chosen click.chosen'置き換えます

このページは役に立ちましたか?
0 / 5 - 0 評価