bxslider-4 icon indicating copy to clipboard operation
bxslider-4 copied to clipboard

Blurred slide with ticker mode on Chrome.

Open ShamimWP opened this issue 4 years ago • 5 comments

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.

ShamimWP avatar Jan 27 '21 06:01 ShamimWP

Hello Shamim Did you find any solution to this issue ?

bachirdiopmodus avatar Feb 08 '21 16:02 bachirdiopmodus

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

ShamimWP avatar Feb 09 '21 06:02 ShamimWP

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

Thanks for the help i will try it

bachirdiopmodus avatar Feb 09 '21 14:02 bachirdiopmodus

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.

chrispage1 avatar Feb 12 '21 11:02 chrispage1

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.

bennetsadyba avatar Feb 19 '21 15:02 bennetsadyba