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

This commit is contained in:
Eric van der Vlist 2023-01-06 16:41:11 +01:00
parent 040c0271d7
commit 516d09e3c6
1 changed files with 7 additions and 1 deletions

View File

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