Creo que este es un requisito bastante básico, pero parece que no puedo encontrar una sola publicación al respecto.

Tengo un elemento de select html simple en mi página, cuando el usuario presiona la flecha hacia abajo, la selección se mueve muy bien hacia abajo.

Lo que quiero hacer es que cuando el usuario llegue a la última opción y presione de nuevo, la selección debería saltar al primer elemento. y viceversa.

¿Algunas ideas?

¡Gracias!

ACTUALIZAR:

Aquí están mis intentos actuales

 <select onKeyDown={(e) => { var a = 1; }} onKeyPress={(e) => { var a = 1; }} > {options.map((rec) => ( <option value={rec.Key} key={rec.Key} onFocus={() => { var a = 1; }} onKeyDown={() => { var a = 1; }} > {rec.Value} </option> ))} </select>;

ninguno en el fuego de los eventos