Chosen: Défilement saccadé de la molette de la souris dans FireFox

Créé le 9 juin 2016 · 7Commentaires · Source: harvesthq/chosen

Comme indiqué dans le numéro 2543 - Le défilement est toujours très saccadé lors de l'utilisation de la molette de la souris dans Firefox.

Étapes à reproduire

J'ai utilisé le dernier FF pour Mac (actuellement la version 47.0). Et peut confirmer que le problème se produit sur la page de démonstration Chosen . Le défilement avec les barres de défilement est bien, mais il est très saccadé si vous utilisez le centre de la souris pour faire défiler.

Environnement

Version choisie : 1.5.1
jQuery ou Version Prototype : jQuery 1.9.1, mais j'ai également testé avec le dernier jQuery 2.2.4 et j'ai eu le même problème.
Navigateur et version : FireFox v47.0
OS et version : Mac OS X 10.10.5
Information additionnelle

J'ai pu reproduire et résoudre le problème localement en ajoutant l'événement wheel et en modifiant les lignes suivantes dans le code javaScript choisi :

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

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

J'ai obtenu ce correctif à partir d'une suggestion sur le débordement de la pile . cependant, je n'en connais pas assez pour proposer un patch. Peut-être que ça va casser un autre navigateur ? Je ne suis pas sûr. De plus, la réponse liée inclut quelque chose à propos de MozMousePixelScroll, qui pourrait également être un correctif correct.

Firefox

Source

scottdoc

👍2

Commentaire le plus utile

Vous avez ce problème dans firefox le plus récent, choisi le dernier

someother1 le 15 févr. 2017

👍2

Tous les 7 commentaires

OK, j'ai essayé d'utiliser MozMousePixelScroll.chosen dans cette ligne au lieu de wheel.chosen et cela n'a pas fonctionné.

Laisser wheel.chosen là-dedans semblait fonctionner correctement dans Chrome version 50 et Safari version 9.1.1

scottdoc le 9 juin 2016

J'ai eu ce problème sur Chrome, mis à niveau de jQuery 2.2 à 3.1 et il a disparu.

bbuchanan le 8 sept. 2016

👍1

Je ne sais pas ce que vous entendez par saccadé, mais je vois aussi un comportement de défilement étrange avec la page de démonstration Chosen dans Firefox (défilement rapide).

koenpunt le 16 sept. 2016

J'ai eu ce problème dans Firefox, sur les pages de démonstration choisies et sur ma propre page. Le correctif suggéré à l'origine consistant à ajouter wheel.chosen aux événements de liaison a fonctionné pour moi.

brondsem le 4 nov. 2016

J'ai eu ce problème dans Firefox avec jquery-mousewheel, en raison du changement de nom du type d'événement de DOMMouseScroll en mousewheel, code dans
if (evt.type === 'DOMMouseScroll') {
ne fonctionne pas
donc nous avons besoin de quelque chose comme ceci:
if (evt.type === 'DOMMouseScroll' || (evt.type === 'mousewheel' && delta==3)) {

yadbat le 29 déc. 2016

👍1

Vous avez ce problème dans firefox le plus récent, choisi le dernier

someother1 le 15 févr. 2017

👍2

Je peux encore confirmer le bug du dernier Firefox (72.0.1) sur un iMac 5K macOS 10.14.6 et sur un MacBook (pas de rétine), choisi 1.8.7, sur la page de démonstration Chosen avec jQuery 3.2.1 et dans notre application avec jQuery 1.12.4.

Wenn faisant défiler une liste déroulante avec du contenu optgroup (sur la page de démonstration, dans notre application chaque liste déroulante), le défilement de FF est très saccadé, le div "saute" pendant le défilement. Vous pouvez le voir mieux si vous utilisez un trackpad ou la MagicMouse.

Deux correctifs donnent une solution fonctionnelle au problème :
– ajouter "wheel.chosen" comme mentionné ci-dessus -> puis le défilement devient fluide mais très lent dans FF
– ajouter le « correctif du facteur » de #2823 (nous n'utilisons pas le plugin jquery mousewheel !) -> le défilement est correct dans FF et tous les autres navigateurs que nous avons testés jusqu'à présent