Léxico de TI › Web › @position-try

@position-try

Web Svenska → Atualizado: 2026-09-30

As regras que dizem ao navegador o que fazer quando um elemento posicionado por âncora não cabe onde deveria.

Um tooltip colocado abaixo do botão funciona perfeitamente até o botão ficar na parte de baixo da tela, e aí o tooltip precisa ir para cima. É exatamente o problema que bibliotecas como Floating UI e, antes delas, o Popper.js resolviam, com medições e recálculos em JavaScript a cada scroll. Com position-try-fallbacks, você informa uma lista ordenada de alternativas e o navegador tenta uma por uma até alguma caber — seja com palavras-chave prontas como flip-block e flip-inline, seja com seus próprios blocos @position-try, em que qualquer propriedade pode ser reescrita para aquela alternativa. Disponível no Chromium desde 2024; os outros motores estão atrás.

← Voltar ao léxico