u

src/components/NameDialog.jsx

@@ -5,9 +5,9 @@ import Dialog from '@mui/material/Dialog';
 import DialogActions from '@mui/material/DialogActions';
 import DialogContent from '@mui/material/DialogContent';
 import DialogTitle from '@mui/material/DialogTitle';
-import TextField from '@mui/material/TextField';
 import Alert from '@mui/material/Alert';
 import BackendError from './BackendError';
+import SingleLineTextEdit from './SingleLineTextEdit';
 import { backendErrorFrom, isBackendFailure } from '../utils/backendError';
 
 /**
@@ -79,15 +79,13 @@ class NameDialog extends Component {
               )
             ) : null}
 
-            <TextField
-              fullWidth
+            <SingleLineTextEdit
               required
               autoFocus
               label="Name"
               value={name}
               disabled={busy}
-              onChange={(e) => this.setState({ name: e.target.value })}
-              autoComplete="off"
+              onChange={(nextName) => this.setState({ name: nextName })}
             />
           </DialogContent>
           <DialogActions sx={{ px: 3, pb: 2 }}>