Chosen: Das Scrollen mit dem Mausrad ruckelt in FireFox

Erstellt am 9. Juni 2016  ·  7Kommentare  ·  Quelle: harvesthq/chosen

Wie in Ausgabe #2543 berichtet - Das Scrollen ist immer noch sehr ruckartig, wenn das Mausrad in Firefox verwendet wird.

Schritte zum Reproduzieren

Ich habe das neueste FF für Mac verwendet (derzeit Version 47.0). Und kann bestätigen, dass das Problem auf der Chosen-Demoseite auftritt. Das Scrollen mit den Scrollbalken ist in Ordnung, aber es ruckelt sehr, wenn man die Mausmitte zum Scrollen benutzt.

Umfeld

  • Ausgewählte Version : 1.5.1
  • jQuery oder Prototyp-Version : jQuery 1.9.1, aber ich habe auch mit dem neuesten jQuery 2.2.4 getestet und hatte das gleiche Problem.
  • Browser und Version : FireFox v47.0
  • Betriebssystem und Version : Mac OS X 10.10.5

    Weitere Informationen

Ich konnte das Problem lokal reproduzieren und beheben, indem ich das Wheel-Ereignis hinzufügte und die folgenden Zeilen im ausgewählten JavaScript-Code änderte:

this.search_results.bind('mousewheel.chosen DOMMouseScroll.chosen', function(evt) { _this.search_results_mousewheel(evt); });

zu

this.search_results.bind('mousewheel.chosen DOMMouseScroll.chosen wheel.chosen', function(evt) { _this.search_results_mousewheel(evt); });

Ich habe diesen Fix von einem Vorschlag zum Stapelüberlauf erhalten . Ich weiß jedoch nicht genug darüber, um es als Patch anzubieten. Vielleicht wird es einen anderen Browser brechen? Ich bin nicht sicher. Auch die verlinkte Antwort enthält etwas über MozMousePixelScroll, was ebenfalls eine korrekte Lösung sein könnte.

Firefox

Hilfreichster Kommentar

+1

Habe dieses Problem in Firefox zuletzt erhalten, zuletzt ausgewählt

Alle 7 Kommentare

OK, ich habe versucht, MozMousePixelScroll.chosen in dieser Zeile anstelle von wheel.chosen und es hat nicht funktioniert.

Das Belassen von wheel.chosen schien in Chrome-Version 50 und Safari-Version 9.1.1 in Ordnung zu sein

Hatte dieses Problem in Chrome, aktualisiert von jQuery 2.2 auf 3.1 und es ging weg.

Ich bin mir nicht sicher, was Sie mit ruckeln meinen, aber auch ich sehe ein seltsames Scrollverhalten bei der Chosen-Demoseite in Firefox (schnelles Scrollen).

Hatte dieses Problem in Firefox, auf ausgewählten Demoseiten und meiner eigenen Seite. Der ursprünglich vorgeschlagene Fix, wheel.chosen zu den Bind-Ereignissen hinzuzufügen, hat für mich funktioniert.

Hatte dieses Problem in Firefox mit jquery-mousewheel, weil der Ereignistyp von DOMMouseScroll in mousewheel umbenannt wurde, Code in
if (evt.type === 'DOMMouseScroll') {
funktioniert nicht
also brauchen wir sowas:
if (evt.type === 'DOMMouseScroll' || (evt.type === 'mousewheel' && delta==3)) {

+1

Habe dieses Problem in Firefox zuletzt erhalten, zuletzt ausgewählt

Ich kann den Fehler im neuesten Firefox (72.0.1) auf einem 5K iMac macOS 10.14.6 und auf einem MacBook (ohne Retina), ausgewählt 1.8.7, auf der Chosen-Demoseite mit jQuery 3.2.1 und in unserer Anwendung immer noch bestätigen mit jQuery 1.12.4.

Beim Scrollen eines Dropdown-Menüs mit optgroup-Inhalten (auf der Demo-Seite, in unserer Anwendung jedes Dropdown-Menü) ist das Scrollen von FF sehr ruckelig, das div „springt“ beim Scrollen. Am besten sehen Sie es, wenn Sie ein Trackpad oder die MagicMouse verwenden.

Zwei Fixes bieten eine funktionierende Lösung für das Problem:
– füge "wheel.chosen" wie oben erwähnt hinzu -> dann wird das Scrollen flüssig, aber sehr langsam in FF
– füge den „Factor Fix“ von #2823 hinzu (wir verwenden kein jquery mousewheel plugin!) -> Scrollen ist ok in FF und allen anderen Browsern die wir bisher getestet haben

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

asvetlenko picture asvetlenko  ·  3Kommentare

vpode picture vpode  ·  5Kommentare

engintekin picture engintekin  ·  8Kommentare

gandarez picture gandarez  ·  5Kommentare

SFPink picture SFPink  ·  9Kommentare