Interactions In Safari Browser are Horrible - Question | JoomShaper

Interactions In Safari Browser are Horrible

R

Robert

SP Page Builder 5 hours ago

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?

0
1 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 hours ago #216001

Hi there!

Sorry for your experience.

Would you please check the following conversation and try the proposed solution from the last reply?

https://www.joomshaper.com/forum/question/42869

Best regards,

0