CMS Slider is flashing when it slides

Finsweet Components Slider
1

Description

My client is using CMS Slider and when they click the next/prev arrows, some of the content is flashing. This doesn’t happen for me on desktop, but it does happen for me on mobile (Chrome for both). It doesn’t seem to effect the whole card item, just the image and button.

I’ve set all the images to load with the page, but that didn’t seem to make a difference. Also wouldn’t account for the button.

Site URL

Required: Please provide a staging/production URL where we can see the issue

Steps to Reproduce

  1. Scroll down on any page until you find the Team slider
  2. Click the next arrow
  3. Image and button on the card that loads is flashing as the card slides in.
    …

Expected Behavior

Card and image should be sliding in fully loaded with no flash.

Video/Screenshots

Required: Please provide a short screen recording showing the issue

2

Hey @walk.reed! We are investigaing this from our end as we can’t seem to replicate reliably across devices.

In the meantime, this style tag seems to have fixed the issue on my end. I could only see it on Safari desktop as both Google Chrome desktop and mobile did not have the image flash, so please let me know if this fixes the issue on your end.

<style>
  [class^='provider_card-'] {
    transform: translateZ(0);
  }
</style>