Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Workaround/polyfill for Android 4.0.3 Stock browser z-index issues

I'm looking for a workaround or polyfill for the z-index bug described in this report: http://code.google.com/p/android/issues/detail?id=31862

My markup and CSS looks basically the same as the one given in the bug report.

It'd be really great if somebody could give me a hint in the right direction on how to solve this.

like image 377
Felix Wienberg Avatar asked Oct 16 '12 20:10

Felix Wienberg


2 Answers

I had the same problem, and fixed it by adding the following css to my popups:

-webkit-transform:translateZ(0);
like image 166
user1765734 Avatar answered Nov 16 '22 23:11

user1765734


Alternative solution (found here: https://coderwall.com/p/7gjkug):

-webkit-backface-visibility: hidden;

like image 2
Alex Vauch Avatar answered Nov 16 '22 23:11

Alex Vauch