Depurando un modal de diálogo HTML a pantalla completa

El autor encontró un problema de altura al usar el elemento HTML `` para crear un panel lateral: aparecía un espacio en la parte inferior, impidiendo que ocupara la altura completa de la pantalla. El proceso de depuración incluyó varios métodos, incluyendo la consulta de herramientas de IA como Claude y ChatGPT. El culpable fue un estilo predeterminado de Chrome aplicado al elemento ``: `max-height: calc(100% - 2em - 6px);`. Agregar `max-height: inherit` o `max-height: 100vh` resolvió el problema. Una investigación más profunda en la especificación HTML reveló que este estilo predeterminado se agregó para corregir un error anterior, destacando la naturaleza en constante evolución de los estándares web.