Depurando um Modal de Diálogo HTML em Tela Cheia

O autor encontrou um problema de altura ao usar o elemento HTML `` para criar um painel lateral: um espaço apareceu na parte inferior, impedindo-o de ocupar a altura total da tela. O processo de depuração envolveu vários métodos, incluindo a consulta de ferramentas de IA como Claude e ChatGPT. O culpado foi um estilo padrão do Chrome aplicado ao elemento ``: `max-height: calc(100% - 2em - 6px);`. Adicionar `max-height: inherit` ou `max-height: 100vh` resolveu o problema. Uma investigação mais aprofundada na especificação HTML revelou que esse estilo padrão foi adicionado para corrigir um bug anterior, destacando a natureza em constante evolução dos padrões da web.