In some recent combination of updates to Wordpress or Beaver Builder, I have found that the Fade Up (and probably the other animations) are not working quite right. They still animate, but regardless of the z-index I use in CSS the animation is appearing behind other elements. When the animation ends, the layers are positioned correctly. Nothing changed in my site design or code.
To fix it, I’ve tried using z-index to force the image lower in the layers and the animation higher in the layers, but it’s not having any effect.
For example, on my site I have an image, with an animated element that fades up from below the screen to overlap with the bottom of the image. It animates smoothly, but it’s sliding into position BEHIND the image. As soon as the animation ends, it pops to the top layer and appears over the image.
Previously, the animation was also positioned correctly on top of the image.
Any suggestions? I don’t know if it’s something about my code (which hasn’t changed) or if there is a new bug somewhere.