JQueryMobile: el pie de página fijo no se corrige después del enfoque de entrada

Estoy usando JQueryMobile para mi sitio móvil. Tengo un pie fijo que se oculta y se muestra cuando presionas el botón “Compartir”. Luego desaparece cuando comienzas a desplazarte. También tengo cajas de comentarios.

Para recrear el error: [eliminado] (usa un dispositivo móvil o sim)

  • Desplácese hacia abajo y haga clic en el primer botón de comentario (bocadillo + ‘3’)
  • Haga clic en el área de texto.
  • Haga clic en ‘hecho’ para desenfocar
  • Haga clic en ‘Compartir’ a la derecha del primer botón de comentario.

Verá aparecer brevemente el pie de página, y luego caerá al final de la página. Si hace clic en ‘Compartir’ mientras aún está enfocado en el área de texto, el pie de página simplemente no aparece en absoluto.

Puedes recrear lo que QUIERO que suceda simplemente haciendo clic en el botón ‘Compartir’ tan pronto como se cargue la página.

¿Qué está pasando allí y cómo puedo arreglarlo? He intentado hacer varias cosas sobre el desenfoque del texto, pero no consigo que nada funcione.

No sé por qué este código no soluciona este problema en mi aplicación (jquery mobile 1.3.1). Pero encontré una solución para este error. Espero que te ayude a resolver tu problema.

$('div:jqmData(role="page")').on('pageinit',function(){ $(document) .on('focus','input, select, textarea', function(){ $('[data-role="footer"][data-position="fixed"]').hide(); }) .on('blur','input, select, textarea',function(){ $('[data-role="footer"][data-position="fixed"]').show(); }); }); 

He hackeado una solución para esto al no ocultar el pie de página al enfocar. No es una solución perfecta, podría ser un error en JQuery.

 $("[data-role=footer]").fixedtoolbar({ hideDuringFocus: "input, select" });