Chosen: Choisi sur Ipad scroll problem single select en click problem multiple select

Créé le 28 mars 2015  ·  41Commentaires  ·  Source: harvesthq/chosen

Le correctif récent :

2119 Correction de la propagation des événements tactiles

semble rompre avec d'autres fonctionnalités choisies sur Ipad (testé sur Ipad 3, dernière version choisie).
Problèmes:

  • sélection unique : le défilement de la liste déroulante ne fonctionne plus
  • sélection multiple : la suppression des éléments sélectionnés est impossible et après la première fois un clic dans la fenêtre de sélection n'affiche pas la liste déroulante
    Ces problèmes peuvent être reproduits à l'aide d'un Ipad sur le site de test standard choisi : http://harvesthq.github.io/chosen/ sur les exemples Standard select et Multiple select.
    Ils ont probablement à voir avec le correctif #2119 car la fonctionnalité était correcte auparavant.
Bug Has Solution

Commentaire le plus utile

Je rencontre le même problème. J'ai réussi à trouver une solution de contournement, qui consiste à commenter le evt.preventDefault () sur touchstart.chosen qui a été implémenté avec # 2119

      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();
      });

Tous les 41 commentaires

Je rencontre également le problème que @donthebike voit.

Pareil ici

Même problème ici. Aussi bien sur IOS que sur Android. Un ETA sur un correctif?
Merci.

Voir aussi ce problème.

Même problème ici concernant l'icône de désélection (la croix) qui ne fonctionne pas pour supprimer les options sélectionnées sur les appareils tactiles. La touche de retour arrière fonctionne toujours pour supprimer des options.

J'ai testé avant/après le correctif #2119 (en utilisant git bisect) pour confirmer que le problème a été introduit par ce commit. Testé sur Safari et Chrome sur iPad, et aussi Chrome sur tablette Android.

Même problème que @AmirS2. Mais cela a corrigé l'événement de clic lorsque l'écran défile pendant que la liste déroulante s'ouvre.

Même problème.

J'avais le même problème plus un problème de sélection sur Android. Je suis allé de l'avant et j'ai supprimé tous les événements tactiles comme solution de facilité. Tout fonctionne à la fois pour Android et iOS, sauf que lorsqu'une option est sélectionnée, elle n'est pas initialement mise en surbrillance sur les appareils mobiles. J'utilise juste le single select cependant. Je ne suis pas non plus très expérimenté avec les événements tactiles, donc je ne sais pas s'il y avait une raison spécifique pour laquelle ils ont été utilisés dans ce cas ?

Même problème ici. La désactivation de tous les événements tactiles résout le problème, comme l' a dit

Je rencontre le même problème. J'ai réussi à trouver une solution de contournement, qui consiste à commenter le evt.preventDefault () sur touchstart.chosen qui a été implémenté avec # 2119

      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();
      });

Je vois aussi ce problème. Très ennuyeux pour les utilisateurs mobiles.

Cher @vbanuelos , votre solution de contournement n'a pas

@ptrussart -- c'est correct. Version 1.4.2

J'ai juste pensé que je mettrais mes deux cents! C'est aussi un problème pour moi. Ma solution de contournement consistait simplement à désactiver choisi sur les iPad, ce que vous pouvez faire en modifiant la ligne 532 du fichier jquery de

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

à

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

J'ai le même problème de défilement, le correctif de @vbanuelos m'a aidé, merci !

+1 correctif de @vbanuelos . Merci beaucoup. Testé sur Safari et Chrome sous iOS8.3 sur une seule liste de sélection.

le correctif de @vbanuelos m'a aidé, merci !

Oui! +1 correctif de @vbanuelos

Ce correctif sera-t-il refusionné ou y a-t-il quelque chose qui bloque ?

Ce correctif sera-t-il refusionné ou y a-t-il quelque chose qui bloque ?

Quelque chose de nouveau à ce sujet?

@ptrussart -- Il semble que ma solution de contournement fonctionne pour la plupart. Peut-être qu'il peut être implémenté dans la dernière version ?

En ce moment codé en dur cependant. :(

Je viens d'avoir un collègue qui a eu du mal à coder la solution preventDefault() contournement

Y a-t-il un probleme avec ca? Je vois un commit supprimant la ligne et un commit annulant la suppression.

Merci beaucoup.

@vbanuelos C'est super

Remplacez la ligne 1004 dans le fichier selected.jquery.js
close_link.bind('click.chosen', function(evt) {
par
close_link.bind('touchstart.chosen click.chosen', function(evt) {

Cela fonctionne pour moi.

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

@ josemigueldel85 cela peut être une question stupide, mais où est la solution rapide pour le support tactile mobile destiné à être mis en place ? Je parle du ci-dessous de votre message ci-dessus.

// 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');
      });
    }

Téléchargez le fichier Pièce jointe sur la page Web. http://realize.be/mobile-support-chosen

choisi.jquery.min_.js.txt

Ce problème se produit non seulement sur iPad, mais également sur les tablettes Android.

De plus, la suppression d'options est toujours possible en utilisant le retour arrière

le correctif fonctionne, mais est appliqué à la version de fichier 1.1 choisie... des moyens d'avoir la dernière version corrigée ? ou laissez-nous savoir ce qui a été modifié? Merci

@vbanuelos utilisant cette approche sur la v1.6.1, fonctionne bien sur ipad (simulateur de chrome), connaissez-vous les conséquences de cette approche.

J'ai le même problème. Existe-t-il un moyen d'ajouter l'approche @vbanuelos sans modifier le fichier source ? Comme un hack que nous pouvons ajouter au script de notre propre site au lieu d'éditer le fichier chosen.min.js directement ? J'ai ce problème sur ipad où le choix n'est pas déroulant, même avec la version actuelle.

Je vois que l'option choisie est désactivée sur le téléphone mobile, mais pas sur l'iPad. Je pense que cela aiderait si nous pouvions désactiver complètement les choix dans les iPads et les tablettes, tout comme les mobiles. Y a-t-il un moyen de faire cela?

Salut à tous,

Je rencontre ce problème et je cherche une vraie solution.

L'avez-vous corrigé dans une version ? Avez-vous un ETA ?

Dois-je mettre à niveau la bibliothèque choisie ?

@harvesthq/chosen-developers

Merci par avance

mon correctif a fonctionné pour la sélection multiple, mais cela dérange la sélection unique choisie par
ne pas les laisser fonctionner au premier clic, puis lorsque vous cliquez une deuxième fois sur le
la boîte de sélection fonctionne, alors voici l'un des avantages et des inconvénients,

semble être des problèmes seulement pas de solutions

Le mardi 28 février 2017 à 00h21, Virgile [email protected] a écrit :

Salut à tous,

Je rencontre ce problème et je cherche une vraie solution.

L'avez-vous corrigé dans une version ? Avez-vous un ETA ?

Dois-je mettre à niveau la bibliothèque choisie ?

@harvesthq/chosen-developers

Merci par avance

-
Vous recevez ceci parce que vous avez commenté.
Répondez directement à cet e-mail, consultez-le sur GitHub
https://github.com/harvesthq/chosen/issues/2289#issuecomment-282812806 ,
ou couper le fil
https://github.com/notifications/unsubscribe-auth/AOb86iHEa_PhLl66NKAS_lFpi6MAJv9Yks5rgxsVgaJpZM4D2bZd
.

On dirait que cela a été corrigé dans le master en octobre - # 2725 (référencé ci-dessus le 9 octobre 2016). Ou testez-vous contre le maître (et ce correctif) et c'est toujours un problème ?
Il n'y a pas encore de nouvelle version, mais vous pouvez installer la version principale via bower avec
bower install https://github.com/harvesthq/chosen-package.git#master --save
[ n'utilisez pas bower install https://github.com/harvesthq/chosen.git#master --save car ce n'est pas un dépôt convivial, c'est-à-dire qu'il ne contient pas les fichiers js, css, etc. générés.]
(si vous avez déjà installé la version 1.6.2, cela vous donnera la possibilité d'écraser la version installée). Pas idéal, car chaque futur bower install obtiendra la toute dernière version, mais une option pour le moment.

J'ai fait ce que @mcjwb a recommandé et utilisé la version principale. J'utilise généralement tout ce qui est hébergé sur cdnjs.com, mais c'est encore cassé aussi. Je vais garder un œil pour que cela soit réglé.

Vient de sortir Chosen 1.7.0 qui inclut #2725

Super, tout a trié pour moi. Merci beaucoup.

  • sélection unique : le défilement de la liste déroulante ne fonctionne plus

Confirmé - corrigé.

  • sélection multiple : la suppression des éléments sélectionnés est impossible

Toujours pas corrigé (choisi 1.7.0)

Merci @snakexxx

Remplacez la ligne 1004 dans le fichier selected.jquery.js
close_link.bind('click.chosen', function(evt) {
par
close_link.bind('touchstart.chosen click.chosen', function(evt) {

remplacez tous vos 'click.chosen' événements par 'touchstart.chosen click.chosen'

Cette page vous a été utile?
0 / 5 - 0 notes