Blurred slide with ticker mode on Chrome.

[ShamimWP]

The slide items get blurred on the Chrome browser when Ticker mode is on.
Tried with the following versions but no difference –
4.2.1d
4.2.12
4.2.15

Help will be appreciated.

[bachirdiopmodus]

Hello Shamim
Did you find any solution to this issue ?

[ShamimWP]

I used a CSS hack to fix this issue–
.item-selector {
backdrop-filter: blur(0);
}

[bachirdiopmodus]

I used a CSS hack to fix this issue–
.item-selector {
backdrop-filter: blur(0);
}

Thanks for the help i will try it

[chrispage1]

Same issue here - it's on a slider that's been there for years and suddenly started occurring. I think this is a new issue with a recent Chrome update.

[bennetsadyba]

Hi, I got it to work in case anybody has the same problem.

Add a class to your CSS:
.bx-fix{will-change: transform;}

than in your js code, where you invoke the slider, add:
onSlideBefore:function ($slideElement, oldIndex, newIndex) {
$(".bx-mtm").addClass('bx-fix');
},
onSlideAfter:function ($slideElement, oldIndex, newIndex) {
$(".bx-mtm").removeClass('bx-fix');
}

where .bx-mtm is my slider wrapper class.