Mantener el texto visible cuando se abre el teclado móvil de Collabora

Si el teclado en pantalla cubre la línea activa en Collabora Online, primero guarda los cambios, oculta el teclado y desplázate por el documento hasta que el cursor sea visible sobre ella. Si el problema persiste, abre el mismo archivo en un navegador móvil; esto ayuda a determinar si la causa es el navegador, una vista web integrada o la página que aloja Collabora.

No existe una configuración de usuario única que solucione todos los problemas de superposición del teclado móvil. Collabora Online se ejecuta dentro de un navegador o mediante la integración con otro producto, por lo que la solución disponible depende de qué capa esté manteniendo el editor a una altura incorrecta. Las comprobaciones que se describen a continuación distinguen entre una solución temporal de edición y los cambios que un administrador o desarrollador de la aplicación podría necesitar realizar.

1. Recuperar la línea oculta sin riesgo de ediciones.

  1. Espere a que finalice la edición o la sincronización y, a continuación, guarde si el programa anfitrión proporciona un comando para guardar.
  2. Oculte el teclado con la flecha hacia abajo o con el botón Atrás del dispositivo. No vuelva a cargar un documento con ediciones sin guardar.
  3. Desplácese por el documento de manera que el párrafo, la celda de la tabla o el campo de entrada activo quede por encima del área del teclado.
  4. Vuelva a pulsar el punto de inserción deseado. Si el teclado lo cubre en cuanto se abre, ocúltelo y coloque el cursor un poco más arriba en el documento antes de continuar.
Un navegador móvil muestra un editor de documentos con el teclado en pantalla cubriendo la parte inferior de la página y el cursor cerca del borde visible.
El síntoma: el teclado ocupa la parte inferior de la pantalla del teléfono, mientras que el documento permanece detrás.
Un editor de documentos para navegador móvil con la línea de texto activa y el cursor visibles encima del teclado en pantalla.
Una solución provisional: desplácese por la línea activa que se encuentra encima del teclado antes de seguir escribiendo.

Esto modifica la vista actual en lugar de corregir el diseño. Si el cursor permanece visible solo hasta la siguiente pulsación de tecla, o si la página salta al abrir el teclado, continúe con las comprobaciones del navegador y del host.

2. Identifica qué capa causa la superposición.

Repita la misma acción de edición con el mismo archivo y observe dónde falla. Collabora describe Collabora Online como un editor web adaptable y lo distingue de la aplicación móvil Collabora Office. Estas plataformas pueden usar diferentes motores de navegador, contenedores y manejo del teclado, por lo que conviene comparar elementos similares antes de reportar un defecto.

  • Solo falla un navegador: actualícelo y pruebe el archivo en otro navegador actual compatible con su organización.
  • La aplicación anfitriona falla, pero su enlace funciona en el navegador del sistema: es probable que el propietario de la aplicación deba investigar la WebView integrada o su configuración de redimensionamiento del teclado.
  • Tanto el navegador como la aplicación anfitriona fallan en un dispositivo: tenga en cuenta el modelo del dispositivo, la versión del sistema operativo, la versión del navegador y si la página está en modo vertical u horizontal. Esto apunta a una interacción entre el dispositivo y la ventana gráfica del navegador, pero no demuestra por sí solo un defecto de Collabora.
  • El mismo fallo se produce en varios dispositivos, pero solo en un servicio: pídale al administrador de ese servicio que inspeccione el contenedor del editor integrado y su diseño para dispositivos móviles.

Las preguntas frecuentes oficiales de Collabora describen el uso adaptable de Collabora Online en navegadores móviles. La descripción general del producto móvil trata por separado sobre Collabora Online basado en navegador y la aplicación móvil dedicada. Tenga en cuenta esta distinción al elegir qué equipo debe recibir un informe de errores.

Una página web móvil integra un editor de documentos junto a un panel de desarrollador que muestra una altura de ventana visual más reducida mientras el teclado está abierto.
Ilustración de diagnóstico de la página principal: la ventana gráfica visible puede encogerse mientras que el diseño exterior de la página permanece más alto.

3. Si mantienes la página que integra Collabora

En dispositivos móviles, la ventana gráfica es la parte de la página que se ve en pantalla; el teclado puede reducirla sin modificar la ventana gráfica del diseño de la página. MDN señala que el comportamiento de la ventana gráfica varía entre navegadores. En una configuración integrada, la página principal puede proporcionar mediciones útiles de la ventana gráfica, mientras que las mediciones del propio iframe no representan la pantalla ajustada por el teclado de la misma manera.

Compruebe que la página principal responde al abrir el teclado: el marco del editor debe ajustarse a la altura disponible, el cursor debe permanecer accesible y la página debe permitir desplazarse para mostrar el marco. Evite una altura fija en píxeles o un marco de pantalla completa permanente que asuma que el teclado nunca modifica el área visible. Utilice los eventos de redimensionamiento y desplazamiento de la ventana gráfica de la página externa para recalcular el espacio disponible para el editor y, a continuación, realice pruebas en los navegadores y dispositivos que utilizan sus usuarios. MDN documenta la API VisualViewport y sus eventos de redimensionamiento para este tipo de cambio de área visible.

Algunos navegadores también admiten la configuración de viewport interactive-widget=resizes-content, que solicita al navegador que redimensione el contenido de la página cuando aparece el teclado virtual. Afecta al diseño de la página principal y la compatibilidad con los navegadores no es uniforme, por lo que no se recomienda añadirla como una solución universal para Collabora. Pruebe la experiencia integrada completa, incluidos los menús, la barra de herramientas, el desplazamiento y la ocultación del teclado, antes de implementarla. MDN documenta esta opción en su referencia meta de viewport .

4. Si Collabora se abre dentro de una aplicación de Android

Pídele al desarrollador de la aplicación que inspeccione la Activity que contiene la WebView. La guía oficial de Android indica que android:windowSoftInputMode="adjustResize"redimensiona el diseño de la aplicación al espacio que deja el teclado, manteniendo el contenido accesible cuando se necesita desplazarse. Para una aplicación que integra Collabora, el manifiesto de la Activity puede incluir:

<activity
    android:name=".EditorActivity"
    android:windowSoftInputMode="adjustResize" />

El nombre exacto de la actividad y los atributos del manifiesto dependen de la aplicación; en lugar de añadir una actividad duplicada, integre esta configuración en la declaración actual. Esta configuración de Android se aplica a una aplicación nativa de Android o a un host WebView, no a una pestaña de navegador normal ni a iOS. Consulte la guía de visibilidad del teclado de Android antes de modificar la compilación de la aplicación.

Un editor de manifiesto de Android resalta android:windowSoftInputMode=
Para una aplicación de Android que incorpore el editor, pídale al desarrollador que verifique el modo de redimensionamiento del teclado de la actividad principal.

Lista de verificación

  • Con el teclado abierto, la línea o celda que se está editando permanece visible, o bien el documento puede desplazarse lo suficiente como para revelarla.
  • Escribir varias líneas no mueve el cursor detrás del teclado.
  • Al ocultar el teclado, se restaura la vista completa del documento sin espacios en blanco ni áreas de desplazamiento bloqueadas.
  • Repita la prueba después de girar el dispositivo y en cada una de las vías de acceso compatibles: navegador directo, aplicación integrada o aplicación móvil dedicada.
  • Confirme que los cambios se hayan guardado y, a continuación, informe de los fallos persistentes indicando el tipo de archivo, el dispositivo y el sistema operativo, la versión del navegador o de la aplicación anfitriona y los pasos para reproducirlos.

Si la página web está controlada por su proveedor de almacenamiento en la nube u organización, es posible que los usuarios no puedan modificar el tamaño de su marco. Envíe la lista de verificación y los detalles para reproducir el problema al administrador de dicho servicio; solo el propietario de la página o aplicación anfitriona puede cambiar la configuración de la ventana gráfica o de WebView.

Dejar un comentario

Mantener el texto visible cuando se abre el teclado móvil de Collabora

Mantener el texto visible cuando se abre el teclado móvil de Collabora

Solucione el problema de que el teclado del navegador móvil cubra el texto en Collabora Online, con soluciones rápidas y comprobaciones independientes para navegadores, WebViews integrados y páginas anfitrionas.

Evita impresiones y descargas no deseadas en ONLYOFFICE.

Evita impresiones y descargas no deseadas en ONLYOFFICE.

Establezca límites de impresión y descarga para los enlaces de ONLYOFFICE, los miembros de la sala o las sesiones de la API de Docs, y luego verifique las restricciones desde la cuenta del destinatario.

Programe copias de seguridad confiables para ONLYOFFICE Workspace.

Programe copias de seguridad confiables para ONLYOFFICE Workspace.

Configure un destino de copia de seguridad, una programación, la cobertura de correo electrónico y un límite de retención en ONLYOFFICE Workspace y, a continuación, verifique que el archivo esté listo para su restauración.

Implementa ONLYOFFICE Docs Enterprise con su archivo Compose oficial.

Implementa ONLYOFFICE Docs Enterprise con su archivo Compose oficial.

Inicie la pila de Docker Compose Enterprise, guarde su licencia y datos, configure JWT de forma segura y confirme que los editores están listos para integrarse.

Limpiar el texto de una hoja de cálculo con una macro reutilizable de ONLYOFFICE.

Limpiar el texto de una hoja de cálculo con una macro reutilizable de ONLYOFFICE.

Utilice una macro JavaScript de ONLYOFFICE para eliminar caracteres no imprimibles y recortar espacios adicionales de un rango definido de una hoja de cálculo, con un flujo de trabajo de revisión seguro.

Cambiar la ubicación de almacenamiento predeterminada del espacio de trabajo de ONLYOFFICE

Cambiar la ubicación de almacenamiento predeterminada del espacio de trabajo de ONLYOFFICE

Traslada los datos del portal desde el disco predeterminado a un proveedor de almacenamiento en la nube compatible, o reubica los datos de Docker de forma segura cambiando su asignación de volumen de host.

Eliminar completamente ONLYOFFICE Document Server de Linux

Eliminar completamente ONLYOFFICE Document Server de Linux

Identifique si Document Server utiliza un paquete de Linux o Docker, elimine solo sus componentes y compruebe los datos restantes sin borrar por error los servicios compartidos.

Soluciona el retraso en la coedición de ONLYOFFICE encontrando el cuello de botella.

Soluciona el retraso en la coedición de ONLYOFFICE encontrando el cuello de botella.

Atribuya la lentitud en la edición colaborativa a la presión sobre los recursos de Docker, las conexiones proxy o la carga de documentos, y luego elija la solución que mejor se ajuste a sus mediciones.

Configurar HTTPS para ONLYOFFICE Docs en Docker

Configurar HTTPS para ONLYOFFICE Docs en Docker

Elija dónde debe finalizar TLS, monte de forma segura un certificado y una clave privada de confianza, y verifique el acceso HTTPS a un servidor ONLYOFFICE Docs en contenedores Docker.

Conecta una aplicación PHP a ONLYOFFICE Docs y guarda los cambios.

Conecta una aplicación PHP a ONLYOFFICE Docs y guarda los cambios.

Integra el editor ONLYOFFICE en tu aplicación PHP, firma su configuración con JWT y guarda los archivos editados mediante una función de devolución de llamada segura.