Meus formulários de aplicativo utilizam o botão Enter para acessar os campos especificados para velocidade em um teclado de dez teclas. Quando enter é pressionado, fazemos uma pesquisa de DOM e acionamos o focus () no próximo elemento. Isso funciona muito bem em campos de texto, mas não consigo entender como fazer isso em uma caixa de seleção. Posso obter cada um dos elementos DOM que compõem a estrutura Select, mas disparar focus () em qualquer nível não faz nada.
Nota: Eu sou capaz de pegar o ref do item via inputRef no select para nos prevenir de atravessar o DOM, mas ainda não produz resultados.
Agradeço antecipadamente por qualquer orientação!
A seleção fica focada (mas não aberta) quando o foco () é acionado manualmente. Espere o mesmo comportamento de bater
O disparo de node.focus () não faz nada, nem dispara em qualquer elemento dentro da estrutura DOM selecionada.
https://codesandbox.io/s/m43qqyo2zy
| Tech | Versão |
| -------------- | --------- |
| Material-UI | 1.0.0-beta.21 |
| React | 16.1.0 |
| navegador | Chrome 62 |
| etc | |
@zachariahtimothy Não estou convencido de que isso seja um problema com o MUI. Parece que você precisa fazer uma limpeza de formulário. Vá para Stack Overflow para perguntas sobre como usar a biblioteca. Felicidades! 😄
@ m2mathew vejo o que você está dizendo, vou fazer a pergunta sobre estouro de pilha.
Minha opinião é que se o select do MUI é impossível de tratar como um elemento de formulário nativo em termos de eventos, então seria um problema com a biblioteca. Eu tentei com a bandeira nativa que funcionou, então isso vai me ajudar, só não tem a beleza que eu desejo como o select sobrescrito :).
Obrigado pela resposta e pela biblioteca incrível!
Caso alguém tropece aqui com um problema semelhante: isso funciona: https://stackoverflow.com/questions/47353384/how-to-programmatically-trigger-focus-on-material-ui-select-field
Comentários muito úteis
Caso alguém tropece aqui com um problema semelhante: isso funciona: https://stackoverflow.com/questions/47353384/how-to-programmatically-trigger-focus-on-material-ui-select-field