Chosen: Ausgewählt auf Ipad Scroll-Problem Einzelauswahl und Klickproblem Mehrfachauswahl

Erstellt am 28. März 2015  ·  41Kommentare  ·  Quelle: harvesthq/chosen

Der letzte Fix:

2119 Behebung der Ausbreitung von Berührungsereignissen

scheint andere Funktionen des gewählten Ipads zu brechen (getestet in Ipad 3, neueste Version gewählt).
Probleme:

  • Einzelauswahl: Scrollen der Dropdown-Liste funktioniert nicht mehr
  • Mehrfachauswahl: Das Entfernen ausgewählter Elemente ist nicht möglich und nach dem ersten Klick in das Auswahlfenster wird die Dropdown-Liste nicht angezeigt
    Diese Probleme können mit einem Ipad auf der standardmäßig ausgewählten Testseite reproduziert werden: http://harvesthq.github.io/chosen/ auf den Beispielen Standard select und Multiple select.
    Sie haben wahrscheinlich mit dem #2119 Fix zu tun, da die Funktionalität vorher in Ordnung war.
Bug Has Solution

Hilfreichster Kommentar

Ich habe das gleiche Problem. Ich habe es geschafft, einen Workaround zu finden, der das Auskommentieren von evt.preventDefault() auf touchstart.chosen beinhaltet, das mit #2119 implementiert wurde

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

Alle 41 Kommentare

Ich habe auch das Problem, das @donthebike sieht.

Hier gilt das gleiche

Selbes Problem hier. Sowohl auf IOS als auch auf Android. Gibt es eine ETA für eine Lösung?
Vielen Dank.

Sehen Sie auch dieses Problem.

Das gleiche Problem hier bezüglich des Deaktivierungssymbols (das Kreuz), das nicht funktioniert, um ausgewählte Optionen auf Touch-Geräten zu entfernen. Die Rücktaste funktioniert jedoch immer noch, um Optionen zu entfernen.

Ich habe vor / nach dem Fix #2119 (mit git bisect) getestet, um zu bestätigen, dass das Problem durch diesen Commit eingeführt wurde. Getestet auf Safari und Chrome auf dem iPad sowie Chrome auf Android-Tablets.

Gleiches Problem wie bei @AmirS2. Aber es hat das Klickereignis behoben, wenn der Bildschirm scrollt, während das Dropdown-Menü geöffnet wird.

Gleicher Fehler.

Ich hatte das gleiche Problem plus ein Auswahlproblem auf Android. Ich habe einfach alle Touch-Ereignisse als einfache Lösung entfernt. Alles funktioniert sowohl für Android als auch für iOS, außer dass, wenn eine Option ausgewählt ist, diese auf Mobilgeräten zunächst nicht hervorgehoben wird. Ich benutze aber nur die Single Select. Ich bin auch nicht sehr erfahren mit Touch-Events, daher bin ich mir nicht sicher, ob es einen bestimmten Grund gab, warum sie in diesem Fall verwendet wurden?

Gleiches Problem hier. Das Deaktivieren aller Touch-Ereignisse behebt das Problem, wie @nlaitchison sagte. Aber ich glaube nicht, dass dies eine dauerhafte Lösung ist. Irgendwelche Gedanken dazu?

Ich habe das gleiche Problem. Ich habe es geschafft, einen Workaround zu finden, der das Auskommentieren von evt.preventDefault() auf touchstart.chosen beinhaltet, das mit #2119 implementiert wurde

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

Ich sehe dieses Problem auch. Für mobile Nutzer sehr ärgerlich.

Liebe @vbanuelos , Ihre behoben . Welche Version verwendest du? 1.4.2 ?

@ptrussart - das ist richtig. V 1.4.2

Ich dachte nur, ich würde meine zwei Cent einwerfen! Das ist auch für mich ein Thema. Meine Problemumgehung bestand darin, die Auswahl auf iPads einfach zu deaktivieren, was Sie tun können, indem Sie Zeile 532 der jquery-Datei von ändern

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

zu

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

Habe das gleiche Scroll-Problem, Fix von @vbanuelos hat mir geholfen, danke!

+1 Fix von @vbanuelos . Danke vielmals. Getestet auf Safari und Chrome unter iOS8.3 in einer einzigen Auswahlliste.

Fix von @vbanuelos hat mir geholfen, danke!

Jawohl! +1 Fix von @vbanuelos

Wird dieser Fix wieder zusammengeführt oder blockiert etwas?

Wird dieser Fix wieder zusammengeführt oder blockiert etwas?

Etwas Neues dazu?

@ptrussart -- Es scheint, dass meine

Aber im Moment hart codiert. :(

Ich habe gerade einen Kollegen, der die oben erwähnte Problemumgehung für preventDefault() schwer codieren musste.

Gibt es ein Problem damit? Ich sehe einen Commit, der die Zeile entfernt, und einen Commit, der das Entfernen rückgängig macht.

Danke vielmals.

@vbanuelos Das ist großartig

Ersetzen Sie Zeile 1004 in der Datei selected.jquery.js
close_link.bind('click.chosen', function(evt) {
von
close_link.bind('touchstart.chosen click.chosen', function(evt) {

Das funktioniert bei mir.

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

@josemigueldel85 Dies mag eine dumme Frage sein, aber wo soll die schnelle Lösung für die mobile Touch-Unterstützung eingesetzt werden? Ich spreche von unten aus Ihrem Beitrag oben.

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

Laden Sie den Dateianhang auf der Webseite herunter. http://realize.be/mobile-support-chosen

selected.jquery.min_.js.txt

Dieses Problem tritt nicht nur auf dem iPad auf, sondern auch auf Android-Tablets.

Auch das Löschen von Optionen ist weiterhin mit der Rücktaste möglich

der Fix funktioniert, wird aber auf die 1.1 gewählte Dateiversion angewendet... Gibt es Möglichkeiten, die neueste Version zu patchen? oder lassen Sie uns wissen, was darin geändert wurde? Danke

@vbanuelos mit diesem Ansatz in v1.6.1 funktioniert auf dem ipad (Chrome-Simulator) einwandfrei. Kennen Sie die Konsequenzen dieses Ansatzes?

Ich habe das gleiche Problem. Gibt es eine Möglichkeit, den @vbanuelos- Ansatz hinzuzufügen, ohne die Quelldatei zu bearbeiten? Wie ein Hack, den wir dem Skript unserer eigenen Site hinzufügen können, anstatt die Datei chosen.min.js direkt zu bearbeiten? Ich habe dieses Problem auf dem iPad, bei dem die Auswahl selbst mit der aktuellen Version nicht scrollbar ist.

Ich sehe, dass das Ausgewählte im Mobiltelefon deaktiviert wird, aber im iPad nicht deaktiviert wird. Ich denke, es wird helfen, wenn wir ausgewählte iPads und Tablets genauso wie Handys deaktivieren können. Gibt es eine Möglichkeit, dies zu tun?

Hallo allerseits,

Ich habe dieses Problem und suche nach einer echten Lösung.

Hast du es in irgendeiner Version behoben? Hast du eine ETA?

Soll ich die ausgewählte Bibliothek aktualisieren?

@harvesthq/chosen-developers

Danke per Vorraus

Mein Fix funktionierte für die Mehrfachauswahl, aber es ist störend bei der Einzelauswahl von
Lassen Sie sie beim ersten Klick nicht funktionieren, dann, wenn Sie zum zweiten Mal klicken, wird das
Select Box funktioniert, also hier ist einer der Vor- und Nachteile,

scheint wie probleme nur keine lösungen

Am Dienstag, den 28. Februar 2017 um 00:21 Uhr schrieb Virgile [email protected] :

Hallo allerseits,

Ich habe dieses Problem und suche nach einer echten Lösung.

Hast du es in irgendeiner Version behoben? Hast du eine ETA?

Soll ich die ausgewählte Bibliothek aktualisieren?

@harvesthq/chosen-developers

Danke per Vorraus


Sie erhalten dies, weil Sie einen Kommentar abgegeben haben.
Antworten Sie direkt auf diese E-Mail und zeigen Sie sie auf GitHub an
https://github.com/harvesthq/chosen/issues/2289#issuecomment-282812806 ,
oder den Thread stumm schalten
https://github.com/notifications/unsubscribe-auth/AOb86iHEa_PhLl66NKAS_lFpi6MAJv9Yks5rgxsVgaJpZM4D2bZd
.

Klingt so, als ob dies im Oktober im Master behoben wurde - #2725 (oben am 9. Oktober 2016 erwähnt). Oder testen Sie gegen Master (und diesen Fix) und es ist immer noch ein Problem?
Es muss noch eine neue Version geben, aber Sie können die Master-Version über Bower mit installieren
bower install https://github.com/harvesthq/chosen-package.git#master --save
[ verwenden Sie nicht bower install https://github.com/harvesthq/chosen.git#master --save da dies nicht das Bower-freundliche Repository ist, dh nicht die generierten js-, css- usw.-Dateien enthält.]
(Wenn Sie bereits Version 1.6.2 installiert haben, haben Sie die Möglichkeit, die installierte Version zu überschreiben). Nicht ideal, da jeder zukünftige bower install die neueste Version bekommen wird, aber vorerst eine Option.

Ich habe getan, was @mcjwb empfohlen hat und die Master-Version verwendet. Normalerweise verwende ich alles, was auf cdnjs.com gehostet wird, aber das ist auch immer noch kaputt. Ich werde ein Auge darauf haben, dass das behoben wird.

Habe gerade

Super, alles für mich sortiert. Vielen Dank.

  • Einzelauswahl: Scrollen der Dropdown-Liste funktioniert nicht mehr

Bestätigt - behoben.

  • Mehrfachauswahl: Das Entfernen ausgewählter Elemente ist nicht möglich

Immer noch nicht behoben (gewählt 1.7.0)

Danke @snakexxx

Ersetzen Sie Zeile 1004 in der Datei selected.jquery.js
close_link.bind('click.chosen', function(evt) {
von
close_link.bind('touchstart.chosen click.chosen', function(evt) {

Ersetze alle deine 'click.chosen' Ereignisse durch 'touchstart.chosen click.chosen'

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

jbrooksuk picture jbrooksuk  ·  6Kommentare

gandarez picture gandarez  ·  5Kommentare

piercemcgeough picture piercemcgeough  ·  5Kommentare

mcclurem picture mcclurem  ·  4Kommentare

Jeckerson picture Jeckerson  ·  7Kommentare