Voltar
Uma forma melhor de lidar com o comportamento do select

Select nativo customizável traz modelo de interação único e reduz conflitos entre Mac e Windows

Aprofundamento CEVIU

Aprofundamento

O argumento do texto parte de um problema antigo: quando o design pede um dropdown com identidade visual própria, o nativo não dava conta e o time montava o componente com , , bastante JavaScript e ARIA. Dá para fazer isso de forma acessível, mas o comportamento vira o ponto fraco. Mac e Windows tratam o de jeitos diferentes, e quem reconstrói o controle precisa escolher um lado ou inventar uma mistura.

Na Mac, o menu precisa estar aberto para escolher, o botão fica coberto, a opção destacada não é a selecionada (exige clique ou botão explícito) e o menu é modal, com a página inerte até ser dispensado. No Windows, dá para selecionar sem abrir, o botão continua visível, a opção em foco já é a selecionada e o menu não é modal. Com appearance: base-select, a nova especificação redefine aparência e comportamento: menu aberto para escolher (Mac), botão visível com o menu aberto (Windows) e opção destacada sem seleção automática (Mac). O autor defende que, se ainda for preciso um componente próprio, ele siga esse modelo, mas que o melhor é nem construir um e deixar essas decisões com o navegador.

O que mudou

A cobertura do CEVIU vinha tratando do lado visual do tema. Em 16 de junho de 2026, o CEVIU noticiou que o Safari 17 trazia Customizable Select, com personalização total do nativo sem bibliotecas JavaScript ou soluções com . Em 26 e 27 de outubro de 2026, as matérias sobre como personalizar por completo os elementos select com CSS mostraram appearance: base-select e os pseudo-elementos do picker, com fallback utilizável em navegadores sem suporte. Em 29 de outubro de 2026, o CEVIU publicou o texto sobre selects que dizem algo ao usuário, com prévias e informações secundárias. A notícia de agora acrescenta a camada de comportamento: o ganho não é só estilo, é um modelo de interação único no lugar das convenções conflitantes de Mac e Windows.

Por que isso importa

Para quem desenvolve formulários, a leitura é que a pergunta deixa de ser como imitar o select nativo e passa a ser se ainda vale substituí-lo. Menos JavaScript e menos ARIA para manter tende a significar menos bugs de teclado e foco. Como a especificação ainda está em implantação nos navegadores, o fallback para o controle padrão segue relevante.

Linha do tempo

  1. CEVIU noticia Customizable Select no Safari 17, com controle total do select nativo.

  2. CEVIU explica como personalizar select com appearance: base-select e pseudo-elementos do picker.

  3. Nova matéria reforça a estilização com base-select e o fallback em navegadores sem suporte.

  4. CEVIU mostra selects personalizáveis com prévias e informações de contexto.

  5. Select nativo customizável é apresentado como modelo de interação único, reduzindo conflitos entre Mac e Windows.

Perguntas frequentes

O que faz o appearance: base-select?

Ele redefine a aparência e também o comportamento do , permitindo estilização completa. O resultado é um modelo de interação que combina elementos do Mac e do Windows.

Quais são as diferenças de comportamento entre Mac e Windows no select?

Na Mac, o menu precisa estar aberto para escolher, cobre o botão, não seleciona ao focar e é modal. No Windows, dá para selecionar sem abrir, o botão fica visível, o foco seleciona e o menu não é modal.

Ainda vale construir um select próprio com div e ARIA?

Segundo o autor, o melhor caminho pode ser não construir substituto algum, já que agora é possível personalizar totalmente o nativo. Se for inevitável, ele recomenda seguir o modelo nativo único.

O que acontece em navegadores sem suporte?

Conforme a cobertura do CEVIU de 27 de outubro de 2026, o elemento continua se comportando como um controle comum, em versão padrão utilizável.

Fontes

Avalie este artigo:
Categoria
CEVIU Web Dev
Publicado
30 de outubro de 2026
Editoria
CEVIU Web Dev

Quer receber mais sobre CEVIU Web Dev?

Conteúdo curado diariamente, direto no seu e-mail.

Conteúdo curado diariamenteDiversas categoriasCancele quando quiser