-
Notifications
You must be signed in to change notification settings - Fork 4.1k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Mouse wheel scrolling jerky in FireFox #2622
Comments
OK, I tried using Leaving |
Had this problem on Chrome, upgraded from jQuery 2.2 to 3.1 and it went away. |
I'm not sure what you mean by jerky, but I too see a weird scrolling behavior with the Chosen demo page in Firefox (fast scrolling). |
Had this problem in Firefox, on Chosen demo pages and my own page. The original suggested fix of adding |
Had this problem in Firefox with jquery-mousewheel, because of renaming the event type from DOMMouseScroll to mousewheel, code in |
+1 Got this problem in firefox latest, chosen latest |
I still can confirm the bug in latest Firefox (72.0.1) on a 5K iMac macOS 10.14.6 and on a MacBook (no retina), chosen 1.8.7, on the Chosen demo page with jQuery 3.2.1 and in our application with jQuery 1.12.4. Wenn scrolling a dropdown with optgroup content (on the demo page, in our application every drop down), the scrolling of FF is very jerky, the div „jumps“ during scrolling. You can see it best if you use a trackpad or the MagicMouse. Two fixes give a working solution for the problem: |
As reported in issue #2543 - Scrolling is still very jerky when using the mouse wheel in firefox.
Steps to reproduce
I used the latest FF for Mac (currently version 47.0). And can confirm that the issue does occur on the Chosen demo page. Scrolling with the scroll bars is fine, but it is very jerky if you use the center of the mouse to scroll.
Environment
Additional information
I was able to reproduce and fix the problem locally by adding the wheel event and altering the following lines in the chosen javaScript code:
this.search_results.bind('mousewheel.chosen DOMMouseScroll.chosen', function(evt) { _this.search_results_mousewheel(evt); });
to
this.search_results.bind('mousewheel.chosen DOMMouseScroll.chosen wheel.chosen', function(evt) { _this.search_results_mousewheel(evt); });
I got this fix from a suggestion on stack overflow. however, I do not know enough about it to offer as a patch. Perhaps it'll break another browser? I am not sure. Also the linked answer includes something about MozMousePixelScroll, which might also be a correct fix.
The text was updated successfully, but these errors were encountered: