Glide: Blinking when sliding under IE 11

[turkovich]

Slides are blinking under IE11 in carousel mode.

[jedrzejchalubek]

This could be caused by dozen of things. Probably some other element, which is animated too, affecting slider.

This issue is more addressed to "How browsers repaints view". I can't do much in here.

[turkovich]

The same problem is present on your site. Demonstration of problem https://gyazo.com/5888014d3f09c072bda026ba76bf4d23

Blinks but not slide.

[Nora0707]

Is there already a solution to this? Thanks a lot.

[mindhalt]

Any update?

[willans]

I thought I'd done something wrong. Checked the demo, nope that does the blinking instead of sliding. Any update?

[willans]

Just an update, seems fine in BrowserStack. However, the bug about it disappearing was on a SurfaceBook (with a touch screen) if that's any help.

[HauntedSmores]

If it helps, Im noticing that programmatic navigation works smoothly, its autoplay that is flashing instead of sliding.

[fraser-sideas]

Seem to have found a workaround relating to style attribute backface-visibility: hidden under the glide__slides class. If you set it to visible then it appears to fix IE issue and doesn't have adverse effects on other browsers, in our application anyway.

For example
let slides = document.getElementsByClassName("glide__slides") for (var i=0; i<slides.length; i++){ slides[i].style.backfaceVisibility = "visible"; }

[corford]

Just wanted to add a "me too". IE11 blinks/flashes rather than scrolls (as can be seen on the official glidejs demos themselves). The fix suggested by @fraser-sideas (setting backface-visiblity to "visible") corrected the problem (with no apparent impact on other browsers).

[mindhalt]

Yeah, fix is good, but better was to set in CSS instead of JS-way.

[ShoShindo]

Is this all right?
.glide__slides { backface-visibility: visible; }

[maldo0548]

@ShoShindo That's what I did and it worked for me! Although I went with the id selector, #glide__slides to give it more specificity.