Is there a way to fix this? Safari simply can't handle interactions. I've tried several solutions, such as:
.sppb-addon {
transform: translateZ(0);
-webkit-transform: translateZ(0);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
/* Safari-only rendering fix for SP Page Builder interactions */
@supports (-webkit-touch-callout: none) {
/* Stabilise all animated addons */
.sppb-addon,
.sppb-addon * {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/* Remove problematic optimalisation */
.sppb-addon {
will-change: auto !important;
}
}
@supports (-webkit-touch-callout: none) {
.sppb-addon {
transition: none !important;
animation: none !important;
}
}
And tried many more css variation to prevent the flickering in Safari but a no-go. (force GPU layer, remove will-change, kill opacity etc..)
But nothing helps against the flickering. Even on the JS page https://www.joomshaper.com/page-builder/interactions everything is running very badly in Safari.
Anyone knows the ultimate fix for this?