When the content is too much, the overflow Y also dragging the content down! - IN MOBILE VIEW

[faiz-9]

Trying to stick the drawer to bottom, and when scrolling from bottom to top, the drawer is getting dragged and eventually is closing:-

Style i am using:-
const modal = css`
position: absolute;

background-color: white;
width: 100%;

min-height: calc(100% - 20px);
margin: 0 -10px;
top: 10px;

z-index: 99999;
border-radius: 20px;

@media screen and (max-width: 768px) {

min-height: 60%;
height: 60%;
top: 40% !important;
margin: unset;
overflow-y: scroll;
border-radius: 20px 20px 0 0;

}
`;

const Sidebar = (width) => css`
${modal} top: 10;
max-width: ${width || 450}px; // Use the width prop or default to 450px

left: 0;
z-index: 99999;
`;