O resumo desaparece porque acompanha o contentor errado
Uma equipa que prepara pedidos longos quer continuar a ver o assunto e as pendências enquanto revê os campos. O editor já tem um resumo lateral, mas este sai do ecrã durante a deslocação. A primeira reação é substituir a ferramenta por outra que «tenha um painel fixo».
O exemplo fictício seguinte examina essa decisão. A investigação encontra um problema de apresentação localizado. Os dados, a gravação e a sequência dos campos já cumprem a tarefa definida; a correção não precisa de alterar esses mecanismos.
Mostrar o comportamento que falha
No editor E-21, o resumo tem posição CSS sticky e um afastamento superior definido. O utilizador desloca a página principal, mas o resumo não permanece no lugar esperado. O assunto e as pendências continuam no documento; apenas deixam de estar visíveis naquele ponto do percurso.
A inspeção encontra um elemento intermédio com overflow: hidden, introduzido para recortar uma decoração. Esse elemento é ancestral do resumo. Embora não seja a área que o utilizador está efetivamente a deslocar, cria o mecanismo de deslocamento que condiciona o comportamento sticky no cenário.
A documentação de position na MDN explica que o ancestral com esse mecanismo pode ser diferente do ancestral que efetivamente se desloca. A palavra sticky não significa, por si só, «preso ao ecrã em qualquer estrutura».
O registo confirma a propriedade calculada, a hierarquia dos elementos e a área que se move. Também confirma que o resumo tem espaço para se deslocar dentro da sua área e que o afastamento superior não está em auto. Estes controlos evitam atribuir a qualquer dificuldade de posição a mesma causa.
Comparar as duas opções com o problema observado
Substituir o editor exigiria transportar campos, validações, permissões e instruções, além de resolver a apresentação. Nada na investigação demonstra ainda uma falta dessas capacidades. A dificuldade observada está ligada ao contentor de uma decoração.
A opção limitada retira o recorte desse ancestral e aplica-o ao elemento decorativo apropriado, que não contém o resumo nem os campos. A área de trabalho passa a ter a relação de deslocamento prevista. A decisão preserva a ordem do conteúdo e não transforma o resumo numa camada sobreposta a toda a página.
É importante não remover indiscriminadamente todas as regras de overflow do site. Outros componentes podem precisar delas para tabelas, imagens ou controlos. A alteração fica ligada ao elemento que causava a diferença no E-21.
Rever o percurso longo e o curto
Na aceitação fictícia, o utilizador abre um pedido longo e desloca a página na largura de trabalho acordada. O resumo mantém-se visível dentro dos limites da área relevante e deixa de acompanhar a decoração. Ao chegar ao fim dessa área, respeita o limite do seu contentor em vez de cobrir o rodapé.
O utilizador percorre os campos por teclado. A ordem permanece igual, os campos focados não ficam tapados pelo resumo e a gravação conserva os mesmos valores. Um pedido curto mantém a apresentação normal, sem um espaço artificial criado apenas para simular o efeito.
Na largura estreita acordada, o desenho aprovado coloca o resumo no fluxo normal acima dos campos, sem o manter preso ao ecrã. A revisão confirma que o conteúdo fica legível e que a pessoa consegue voltar às pendências. Não se exige o mesmo comportamento visual num espaço onde ele prejudicaria a utilização.
Um controlo independente mantém uma tabela com deslocação própria noutra página. A sua regra de overflow não foi alterada. O resultado distingue a correção do E-21 de uma mudança global que apenas teria deslocado a dificuldade para outro percurso.
Concluir a decisão sem alargar a garantia
A organização conserva o editor e aprova a correção de apresentação delimitada. A tarefa longa agora permite consultar o resumo nas condições verificadas, enquanto a gravação e a leitura dos campos permanecem iguais. A substituição da plataforma não é escolhida para resolver este defeito.
A conclusão não prova acessibilidade completa, compatibilidade com todos os navegadores nem qualidade de todas as partes do editor. O relatório identifica as larguras, o navegador e os percursos do ensaio. Outras limitações podem justificar trabalho adicional, mas precisam de evidência própria.
A entrega inclui a relação entre decoração, ancestral e resumo para que uma futura alteração visual não recoloque o recorte no sítio errado. A razão da correção é tão útil à manutenção como a regra CSS.
Ao pedir uma avaliação de manutenção, descreva onde deixa de ver a informação e o que continua a funcionar. Essa comparação permite investigar uma reparação sem presumir que toda a ferramenta falhou.