Trick to force a vertical scrollbar in dialogs (needed when the virtual keyboard hides a field).

src/components/dialog/Dialog.tsx

@@ -7,6 +7,7 @@ import {
   IconButton,
 } from '@suid/material';
 import CloseIcon from '@suid/icons-material/Close';
+import { debounce } from 'lodash';
 
 const Dialog: Component<{
   open: boolean;
@@ -36,7 +37,12 @@ const Dialog: Component<{
         </IconButton>
         {props.title}
       </DialogTitle>
-      <DialogContent sx={{ width: 'calc(100% - 60px)' }}>
+      <DialogContent
+        sx={{
+          width: 'calc(100% - 60px)',
+          paddingBottom: '2000px',
+        }}
+      >
         {props.children}
       </DialogContent>
     </MuiDialog>