Skip to content

Fix: en mobile, una tabla ancha desbordaba toda la pagina y dejaba al TopBar con un borde en blanco

Agustín Cantero requested to merge fix/desborde-horizontal-tabla-mobile into dev

Los flex items de la cadena main (AppShell) y los dos div de SeccionShell no tenian min-w-0, asi que heredaban por defecto min-width: auto. Cuando una tabla no entraba en el ancho del viewport, esos items no se dejaban encoger y el overflow-x-auto de DataTable nunca llegaba a actuar: la pagina entera scrolleaba horizontal en vez de solo la tabla, dejando al TopBar (con ancho fijo al viewport) un borde en blanco al costado al scrollear.

Se agrega min-w-0 a los tres flex items de esa cadena para que puedan encogerse al ancho disponible; con eso el overflow-x-auto de DataTable vuelve a contener el desborde como corresponde. Se reprodujo en Estudiantes con la tabla en mobile; no es especifico de esa pantalla, cualquier tabla ancha dentro de este layout compartido esta expuesta.

Merge request reports

Loading