Tengo algunas cadenas largas en un componente MUI Select. ¿Hay alguna forma de agregar un ajuste de texto o algo similar para asegurarse de que el ancho no exceda y no se corte en el móvil?
Escritorio:
Móvil:
<FormControl sx={{ m: 1, minWidth: '100%', marginLeft: 0, padding: 0 }}> <Select value={prompt} onChange={handleChange} displayEmpty inputProps={{ 'aria-label': 'Without label' }} sx={{'bgcolor': 'rgba(139, 139, 139, 0.3)', color: 'white', border: '1px solid rgba(255, 255, 255, 0.4)', minWidth: '100%', marginLeft: 0, padding: 0}} > {prompts.map((prompt, i) => <MenuItem value={i}>{prompt}</MenuItem>)} </Select> prompt es una cadena [].
¿Cómo puedo diseñar el menú de selección?