FI-2686: Automatically resize textareas (#491)

* disbale row limit * remove limits on row count * bound to 20 max rows --------- Co-authored-by: Alyssa Wang <[email protected]>
inferno-framework · Jun 21, 2024 · 0f07266 · 0f07266
1 parent 933be37
commit 0f07266
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/client/src/components/InputsModal/InputTextField.tsx b/client/src/components/InputsModal/InputTextField.tsx
@@ -51,7 +51,8 @@ const InputTextField: FC<InputTextFieldProps> = ({
           color="secondary"
           fullWidth
           multiline={requirement.type === 'textarea'}
-          rows={requirement.type === 'textarea' ? 4 : 1}
+          minRows={requirement.type === 'textarea' ? 4 : 1}
+          maxRows={20}
           value={inputsMap.get(requirement.name)}
           onBlur={(e) => {
             if (e.currentTarget === e.target) {

diff --git a/client/src/components/_common/SelectionPanel/SelectionPanel.tsx b/client/src/components/_common/SelectionPanel/SelectionPanel.tsx
@@ -85,15 +85,15 @@ const SelectionPanel: FC<SelectionPanelProps> = ({
           {showBackButton && <Box minWidth="45px" />}
         </Box>
 
-        <Box px={2} pb={2} overflow="auto">
+        <Box px={2} overflow="auto">
           {options && options.length > 0 ? (
             renderSelection()
           ) : (
-            <Typography mt={2}> No options available.</Typography>
+            <Typography m={2}> No options available.</Typography>
           )}
         </Box>
 
-        <Box px={2}>
+        <Box px={4} pb={1}>
           <Button
             variant="contained"
             size="large"