Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Links on BxSlider not working in Google Chrome but working in all other browsers

The error message on clicking is

jquery.js:4388 [Violation] Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952

I can open the link with right-click in a new tap. The more important left-click is not working.

On all other browsers the links are working fine

Please help me

like image 878
coder Avatar asked Mar 29 '19 06:03

coder


3 Answers

Author of the plugin is aware of this bug. You can track the progress here bxSlider issues

Quick workaround while waiting for the patch is to set touchEnabled to false.

$('.your-slider').bxSlider({
        touchEnabled: false
    });
like image 120
Elymentree Avatar answered Nov 05 '22 18:11

Elymentree


Altenatively in your jquery.bxslider.js file: Replace this:

if (slider.settings.touchEnabled && !slider.settings.ticker) { initTouch(); }

With this:

if (navigator.maxTouchPoints > 0) { initTouch(); }

This solved it for me.

like image 7
Herbert Ngobola Avatar answered Nov 05 '22 18:11

Herbert Ngobola


I faced the same issue. I reverted to bxslider Version 4.2.1. , since I couldn't wait for the bugfix neither was I willing to disable the "touchEnabled" setting nor to touch the library code. With this version every thing works as it should (even in Chrome 77).

like image 2
Markus Liechti Avatar answered Nov 05 '22 20:11

Markus Liechti