🚸 ux: Allow multiline inputs to grow if contents do not fit.

Fixes #749. This slipped through when migrating to MUI v5. See: - https://v5.mui.com/material-ui/migration/v5-component-changes
infoderm · Jan 6, 2025 · 58f5fe2 · 58f5fe2
1 parent 18c3de6
commit 58f5fe2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/imports/ui/consultations/ConsultationForm.tsx b/imports/ui/consultations/ConsultationForm.tsx
@@ -175,7 +175,7 @@ const ConsultationForm = ({consultation, update}: Props) => {
 								autoFocus={Boolean(update)}
 								label="Motif de la visite"
 								placeholder="Motif de la visite"
-								rows={4}
+								minRows={5}
 								value={reason}
 								margin="normal"
 								onChange={update?.('reason')}
@@ -187,7 +187,7 @@ const ConsultationForm = ({consultation, update}: Props) => {
 								readOnly={!update}
 								label="Examens déjà réalisés"
 								placeholder="Examens déjà réalisés"
-								rows={4}
+								minRows={2}
 								value={done}
 								margin="normal"
 								onChange={update?.('done')}
@@ -199,7 +199,7 @@ const ConsultationForm = ({consultation, update}: Props) => {
 								readOnly={!update}
 								label="Examens à réaliser"
 								placeholder="Examens à réaliser"
-								rows={4}
+								minRows={2}
 								value={todo}
 								margin="normal"
 								onChange={update?.('todo')}
@@ -211,7 +211,7 @@ const ConsultationForm = ({consultation, update}: Props) => {
 								readOnly={!update}
 								label="Traitement"
 								placeholder="Traitement"
-								rows={4}
+								minRows={5}
 								value={treatment}
 								margin="normal"
 								onChange={update?.('treatment')}
@@ -223,7 +223,7 @@ const ConsultationForm = ({consultation, update}: Props) => {
 								readOnly={!update}
 								label="À revoir"
 								placeholder="À revoir"
-								rows={4}
+								minRows={2}
 								value={next}
 								margin="normal"
 								onChange={update?.('next')}
@@ -235,7 +235,7 @@ const ConsultationForm = ({consultation, update}: Props) => {
 								readOnly={!update}
 								label="Autres remarques"
 								placeholder="Write some additional information about the consultation here"
-								rows={4}
+								minRows={2}
 								value={more}
 								margin="normal"
 								onChange={update?.('more')}

diff --git a/imports/ui/patients/PatientSheet.tsx b/imports/ui/patients/PatientSheet.tsx
@@ -99,7 +99,7 @@ const LargeMultilineReadOnlyTextField = (props) => (
 );
 
 const SmallMultilineReadOnlyTextField = (props) => (
-	<MultilineReadOnlyTextField rows={1} {...props} />
+	<MultilineReadOnlyTextField minRows={1} {...props} />
 );
 
 type Props = {