Utilizing Material-UI's Paper component (https://mui.com/components/paper/), I've encountered a scenario where the content within the Paper element needs to be dynamic.
<Paper className="modal" elevation={3}>
...Content
</Paper>
// CSS property
.modal {
width: 90%;
height: 95%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
The challenge is making the paper scrollable while ensuring that the content adjusts itself to fit within the Paper. Currently, the dynamic content overflows from the Paper element.
Is there a solution that would enable the Paper's width and height to adapt automatically?