My current dilemma involves a tricky situation:
I am trying to set the overflow property of dialogContent to auto so that my modal can scroll if its content exceeds the height of the dialog. However, there is a dropdown menu that I want to display without scrolling. The issue is that because of the overflow: auto, not only do I have to scroll down the dropdown menu, but also the dialog itself. Can anyone provide assistance with this?
const dialogStyle = makeStyles((theme: Theme) =>
createStyles({
root: {
width: '100vw',
},
dialog: {
overflow: 'visible',
},
dialogContent: {
overflow: 'auto',
},
}),
)
https://i.sstatic.net/WzhpX.png https://i.sstatic.net/Mm6d4.png