<Autocomplete disablePortal autoComplete={true} // set to true id="combo-box-demo" options={top100Films} sx={{ width: 300 }} renderInput={(params) => <TextField {...params} label="Movie" />} />ejemplo ejecutable:
https://codesandbox.io/s/h1sr5?file=/demo.js:185-407
No tiene efecto. No completa automáticamente la palabra que se escribe.
¿Qué está mal? ¿Como arreglar?
autoComplete={true} funciona (nota: su ejemplo no lo tiene incluido, pero creo que no es intencional), pero no de la manera que esperaría (probablemente la documentación de MUI podría mejorarse en este punto).
Con autoComplete={true} , al navegar por la lista de sugerencias (usando la tecla de flecha hacia abajo), el elemento seleccionado se rellena automáticamente en el cuadro de texto:
Con autoComplete={false} , debe presionar Entrar antes de que se complete el texto.