Rendering bug and element flickering in Safari 15.4.1

Since the Safari update to 15.4.1, our platform with various CSS transitions, transforms and animations has major rendering problems. Various elements (images/text/areas) are loaded multiple times and flicker very ugly. The same elements placed on another side of the platform don't have the problem.

There seems to be some layers conflict and the z-index is not working properly.

A workaround is that we set "transformation: translateZ(0)" at the lowest level. This stops the flickering of the elements, but the repainting of the elements remains, which is not optimal in terms of resource consumption.

Safari 15.5 Beta-3 doesn't solve the problem.

Rendering bug and element flickering in Safari 15.4.1
 
 
Q