mobile safari z-index bug
And by bugs in my project I mean, of course, bugs in Safari.This works in Desktop Safari, Chrome, Firefox, the Android Browser, and Mobile Chrome. In Mobile Safari, however, the element does not get shown until you click on another link. This bug occurs only in iPhone 6 landscape mode with multiple tab open in safari browser. Below are the step to generate the bug.Remove near-duplicate contextual list group example Use proper variable for .dropdown-backdrops z-index Use proper units when adding/subtracting lengths List Leave a reply to - iOS Safari z-index bug on child element.ios iphone ipad safari z-index. Recent Questions. Twilio sending texts on android problems. So your element needs to be position: absolute, position: relative or position: fixed for z-index to take affect. Z-index and stacking contexts.There are curve balls. Safari in iOS 7 and iOS 6 create stacking contexts differently if you are using -webkit-overflow-scrolling on an element. You can fix z-index on dynamically created videos by giving the video element -webkit-transform-style: preserve-3d. Yep, its as bad as haslayout on IE!Quite a pain to work around whats essentially a stupid mobile Safari bug It seems fine on mobile Safari, I guess I have the opposite problem to you!While trying to fix a CSS height bug on my site, I found out that Im part of a viewport war with mobile browsers. nicolas-hoizey.com/2015/02/viewpo mobile safari z-index issue.