Material-ui: ¿Cómo activar el enfoque mediante programación () en el campo Seleccionar?

Creado en 16 nov. 2017  ·  3Comentarios  ·  Fuente: mui-org/material-ui


Los formularios de mi aplicación utilizan el botón Enter para tabular campos específicos para mayor velocidad en un teclado de diez teclas. Cuando se presiona enter, hacemos una búsqueda DOM y activamos focus () en el siguiente elemento. Esto funciona muy bien en campos de texto, pero no puedo entender cómo lograrlo en un cuadro de selección. Puedo obtener cada uno de los elementos DOM que componen la estructura Select, pero activar focus () en cualquier nivel no hace nada.
Nota: Puedo tomar la referencia del elemento a través de inputRef en la selección para evitar que atravesemos el DOM, pero aún no produce resultados.
¡Gracias de antemano por cualquier orientación!

  • [x] He buscado las ediciones de este repositorio y creo que esto no es un duplicado.

Comportamiento esperado


Seleccionar se enfoca (pero no se abre) cuando el enfoque () se activa manualmente. Espere el mismo comportamiento que golpearen el elemento anterior.

Comportamiento actual


La activación de node.focus () no hace nada, ni se activa en ningún elemento dentro de la estructura DOM seleccionada.

Pasos para reproducir (para errores)


https://codesandbox.io/s/m43qqyo2zy

  1. Seleccione el primer cuadro de texto.
  2. Presione la tecla Enter.
  3. Observe que el segundo cuadro de texto está enfocado en FTW.
  4. Presione la tecla Enter nuevamente.
  5. No pasa nada.

Contexto

Tu entorno

| Tech | Versión |
| -------------- | --------- |
| Material-UI | 1.0.0-beta.21 |
| Reaccionar | 16.1.0 |
| navegador | Chrome 62 |
| etc | |

question

Comentario más útil

En caso de que alguien tropiece aquí con un problema similar: esto funciona: https://stackoverflow.com/questions/47353384/how-to-programmatic-trigger-focus-on-material-ui-select-field

Todos 3 comentarios

@zachariahtimothy No estoy convencido de que este sea un problema con MUI. Parece que tiene que hacer una limpieza de formularios. Dirígete a Stack Overflow si tienes preguntas sobre cómo usar la biblioteca. ¡Salud! 😄

@ m2mathew Veo lo que está diciendo, haré la pregunta sobre el desbordamiento de la pila.
Mi opinión es que si la selección de MUI es imposible de tratar como un elemento de forma nativa en términos de eventos, entonces sería un problema con la biblioteca. Lo intenté con la bandera nativa que funcionó, así que eso me ayudará, simplemente no tiene la belleza que deseo como la selección anulada :).
¡Gracias por la respuesta y la increíble biblioteca!

En caso de que alguien tropiece aquí con un problema similar: esto funciona: https://stackoverflow.com/questions/47353384/how-to-programmatic-trigger-focus-on-material-ui-select-field

¿Fue útil esta página
0 / 5 - 0 calificaciones