Tengo una configuración de flujo de trabajo de inicio de sesión y restablecimiento de contraseña en mi aplicación web MUI, pero parece que no puedo hacer que Safari guarde el nombre de usuario o restablezca las contraseñas del llavero. Los campos de nueva contraseña ofrecen "Sugerir nueva contraseña", pero al enviarla, no ofrece guardar la contraseña, por lo que el usuario se queda atascado sin la posibilidad de ver o copiar su nueva contraseña.

Por ejemplo, lo que tengo para establecer la nueva contraseña son los dos campos de texto y un botón Guardar que llama a SavePassword para verificar que los dos campos contienen la misma contraseña y luego una llamada a AWS Cognito para establecer la contraseña.

 <FormControl> <Grid container item spacing={1}> <Grid item xs={12} md={12} lg={12}> <TextField refs="passField1" required id="password" label="New Password" type="password" sx={{ margin: 2, width: '95%'}} onChange={(event) => { setNewPassword1(event.target.value); }} /> </Grid> <Grid item xs={12} md={12} lg={12}> <TextField refs="passField2" required id="password2" label="Verify New Password" type="password" sx={{ margin: 2, width: '95%' }} onChange={(event) => { setNewPassword2(event.target.value); }} /> </Grid> <Grid item xs={12} md={12} lg={12}> <Stack direction="column" alignItems="flex-end"> <Button variant="outlined" onClick={() => { SavePassword() }} sx={{ margin: 2, width: "30%" }}>Save</Button> </Stack> </Grid> </Grid > </FormControl>

¿Hay alguna manera de hacer que Safari permita a los usuarios establecer la contraseña en sus llaveros?