From 516d09e3c63a5dff1842c4e6f362038292e14317 Mon Sep 17 00:00:00 2001
From: evlist <vdv@dyomedea.com>
Date: Fri, 6 Jan 2023 16:41:11 +0100
Subject: [PATCH] Trick to force a vertical scrollbar in dialogs (needed when
 the virtual keyboard hides a field).

---
 src/components/dialog/Dialog.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/dialog/Dialog.tsx b/src/components/dialog/Dialog.tsx
index a8e8b07..537af63 100644
--- a/src/components/dialog/Dialog.tsx
+++ b/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>