iPhone: position fija Div invisible

Tengo un sitio de Joomla 3 en http://www.getdripped.com/dev para el que estoy creando un menu mobile. Lo tengo funcionando bien en computadoras de escritorio, pero cuando bash verlo en mi iPhone, el menu se desliza pero es invisible. Todavía puedo tocar a ciegas y los enlaces funcionan, pero es completamente invisible. Lo que es aún más extraño, cuando hago clic en el button nuevamente para cerrar el menu, de repente aparece por un breve segundo antes de que se cierre el cajón. No estoy seguro de cuál es el problema. ¿Alguien puede ayudar?

Mi iPhone ejecuta iOS 8.2 y obtuve una vista previa en Safari. Cuando veo una vista previa en la aplicación iPhone de Chrome, todo funciona a la perfección. Muy confundido aquí …

Su problema es muy similar a otros problemas vistos en iOS 8. Una variación del hack de -webkit-transform " -webkit-transform "parece resolver este problema también.

Agregar -webkit-transform: translateZ(0); al selector body.open parece resolver el problema.

 body.open { -webkit-transform: translateZ(0); } 

iOS 8 parece tener algunos problemas de capas que las transformaciones 3D pueden contrarrestar. Este parece estar relacionado con el uso de -webkit-overflow-scrolling: touch; como el OP descubrió.

Agregue esto a la list de errores extraños en iOS 8.