ios 9 mobile safari has a blinking bug with transform scale3d and translate3d

Question

I\'ve developed the menu of the mobile website: http://famosos.globo.com/ (click the burger icon on the bottom of the page)

Its a carousel of brands using swiper 3.0

Answer 1

It seems to be a bug with nested layer composition and sizing of the viewport. Adding overflow: hidden in a parent layer seems to solve the problem. From a performance point of view, everything seems to be behaving the same (identical layouts, paints, compositing layers)

Answer 2

I solved the problem using position: fixed on the parent.

The blinking bug disappeared.

Mobile website: http://famosos.globo.com/ (click the burger icon on the bottom of the page)