C221 · gate hi-fi Campanha · omnibox compartilhado

O “Limpar” fica preso ao campo

Referência do encaixe abaixo de md: o chip pode truncar, mas o alvo de limpar não desce sozinho nem cria uma faixa vazia antes do seletor de busca.

CENAS 01–03 · VIEWPORT 390

Barra aderida sob o top bar · três estados críticos

A linha sob o seletor é a separação do formulário sticky. O campo continua borderless; no toque, o caret é o indicador de foco. As três cenas preservam a altura da barra.

01 · Chip longo

alvo principal do fix

46px

Busca: saúde da mulher e atenção materna

Termo exato

Por tema

Resultados da busca

A lista começa sem uma faixa vazia intermediária.

Decisão: chip com cap de 168px e ellipsis. O filtro continua identificável; o input conserva seu mínimo e o X ocupa a mesma faixa.

02 · Chip curto + digitado

folga não rouba o input

46px

Busca: saúde mulher

Termo exato

Por tema

Decisão: a reserva final é fixa, não um espaçador no fluxo. Depois do chip curto ainda há uma área legível para “mulher”.

03 · Vazio

geometria estável

46px

Termo exato

Por tema

Decisão: o X continua no mesmo lugar, mas invisible, sem presença visual nem foco. A barra não salta ao digitar.

CENA 04 · VIEWPORT 1280

Desktop preservado

O ajuste móvel não atravessa md: label, campo emoldurado, ring de foco e “Limpar” textual continuam no vocabulário atual.

Acervo de falas

Comunicação

Falas da Câmara

Busque nas falas, filtre o acervo e abra o trecho certo.

Buscar e filtrar falas

Busca: saúde da mulher e atenção materna

Termo exato

Por tema

Ano Tema Alcance

PORT CONTRACT

Medidas aprováveis

Folga final

44px abaixo de md: alvo de 36px + 8px de respiro.

Ancoragem

X a 0px da direita, centrado verticalmente no campo de 40px.

Chip longo

Cap de 168px, uma linha, ellipsis; sem aumentar a barra.

Acessibilidade

Alvo size-9, miolo size-6, aria-label="Limpar"; vazio invisível.