iOS 6.1 / 7 – Cordova 3.1.0 + AngularJS – La aplicación falla onclick / desplazarse a HTML / CSS Ver con : selector no reconocido enviado a instancia

Estamos viendo este extraño error que todavía no puedo encontrar nada en la web. Solo hay una publicación sin respuesta o solución: https://groups.google.com/forum/#!topic/phonegap/7pRzASZpnQc

Construimos una aplicación con layouts Angular, Sinscore, angular-angular, angular-táctil, angular-animada, CSS Flex y Cordova 3.1.0, y en Android 4.0 ++ todo funciona como un encanto.

Cuando nos mudamos a iOS en una Mac y agregamos la plataforma iOS, comstackmos en XCode5 y la aplicación falla en algunas de las vistas HTML (no todas) cuando hacemos clic o tratamos de desplazarnos en los simuladores de iPhone para 6.1 y 7 con esta llamada astackr:

2013-11-12 17:22:49.193 App[7034:907] -[__NSCFSet opacity]: unrecognized selector sent to instance 0x98e8660 2013-11-12 17:22:49.194 App[7034:907] *** Terminating app due to uncaught exception 'NSInvalidArgumentException', reason: '-[__NSCFSet opacity]: unrecognized selector sent to instance 0x98e8660' *** First throw call stack: (0x119012 0x1f44e7e 0x1a44bd 0x108bbc 0x10894e 0x39e458 0x3c7d7d 0x3b2574 0x3b6a97 0x61f85a 0x61e99b 0x6200df 0x622d2d 0x622cac 0x61aa28 0x387972 0x387e53 0x365d4a 0x357698 0x30b1df9 0x30b1ad0 0x8ebf5 0x8e962 0xbfbb6 0xbef44 0xbee1b 0x30b07e3 0x30b0668 0x354ffc 0x2308c 0x2301d) libc++abi.dylib: terminate called throwing an exception 

Las vistas en las que esto está sucediendo básicamente son simples vistas HTML y CSS AngularJS con algunos datos establecidos en el controller usando el $ scope.

¿Alguien alguna vez vio algo así? ¿Hay algún problema con Alpha, Opacity o CSS o tan conocido?

En iOS 6.1, una de las dos vistas funciona, mientras que en iOS 7, dos vistas bloquean la aplicación.

Llamadas:

 UIView (Rendering) alpha) UIScrollView _adjustScrollerInicatorsShowingThem: UIScrollView _updatePanGesture UIScrollView handlePan UIGestureRecognizerSendActions UIGestureRecognizer _updateGestureWithEvent:buttonEvent UIGestureRecognizer _delayedUpdateGesture ..... .... UIWindows sendEvent UIApplicationEvenQueue __CFRUNLOOP_IS_CALLING_OUT_TO_A_SOURCE0_PERFORM .... ... .... ...... ........ GSEventRun UIApplicationMain main 

Increíble pero cierto, fue un problema de CSS. Incluso con iOS7, los cálculos de CSS y el análisis son errores y bloquean el browser y la WebView: ¡en todos los teléfonos Android esto funcionó totalmente bien !:

HTML:

 <div class="financial profileBlock"> 

Tenemos el siguiente CSS:

 #profileContainer .profileBlock table td { border-bottom: 1px solid #d2d2d2; } #profileContainer .profileBlock table { font-size: 1.1em; border-top: 1px solid #d2d2d2; margin-top: 10px; } 

esto bloqueó la WebView onclick / tocar / tabing o tratando de desplazarse y, como resultado, toda la aplicación híbrida. También se estrelló el Safari al acceder a la página HTML usando una URL.

Cuando refaccionamos el CSS a lo siguiente y funcionó:

 #profileContainer table.profileTable { margin-top: 10px; font-size: 0.9em; td { border-bottom: 1px solid #d2d2d2; &:first-child { border-top: 1px solid #d2d2d2; } } } 

Esta no es en modo alguno una proposition para una respuesta, ni nadie tiene que valerme, porque tengo todo lo que necesitan los @christianmenkens . Muchas gracias Chris!

Este es solo un ejemplo adicional de lo que he experimentado, y hay muy poco espacio en los comentarios. Como este es un gran problema que nunca habría adivinado, como ha dicho Christian.

Mi problema era desplazarme div. Tuve un CSS:

 .content-wrapper{ width: 100%; height: 100%; /*This was causing the problem.*/ overflow: auto; position: absolute; overflow-x:hidden !important; padding: 15px 20px 50px 20px; } 

Y lo he cambiado a:

 .content-wrapper{ position: absolute; top: 50px; left: 0; right: 0; bottom: 0; overflow: scroll; -webkit-overflow-scrolling: touch; padding: 15px 20px 50px 20px; }