Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

"will-change" property causes blink effect

See original GitHub issue

Hello.

Why did you use will-change: transform css property on .splide__list element?

This property is unusual and seems to cause blink effect on my Splide instance in loop mode (when we switch between first/last element).

Issue Analytics

State:
Created 3 years ago
Reactions:4
Comments:6

Top GitHub Comments

4reactions

andelkocvjetkoviccommented, Mar 5, 2021

.splide__list {
  will-change: auto !important;
}

this fixed my problem with Firefox warn

1reaction

NaotoshiFujitacommented, Oct 9, 2021

Close the issue due to the major version update. Feel free to create a new issue or open a new discussion.

Splide v3 does not use the will-change.

Top Results From Across the Web

CSS will-change Property: When and When Not to Use It

Remember to use this as a last resort if your animations are janky or flickering. Removing will-change. It is recommended by Mozilla to...

contents" and "will-change: scroll-position" have any effect ...

I have questions about "will-change" CSS property implementation on blink. ... do not cause a composited layer to be created in Blink.

Everything You Need to Know About the CSS will-change ...

If you've ever noticed “that flicker” in WebKit-based browsers ... Other than that, the will-change property has no direct effect on the ...

will-change - CSS: Cascading Style Sheets - MDN Web Docs

The will-change CSS property hints to browsers how an element is expected to change. Browsers may set up optimizations before an element is ......

How to use the will-change property and CSS animations

First off you need to only use will-change right before the animation and unset it right after: https://developers.google.com/web/fundamentals/performance/ ...