8 replies

not able to overflow the div properly

hey folks I have this html

<Box display='flex' height={'calc(var(--vh, 1vh) * 100)'}>
    <NavbarLayout />
    <Main>
        <TaskGrid />
    </Main>
    <TodayTasksLayout />
</Box>

<Box display='flex' height={'calc(var(--vh, 1vh) * 100)'}>
    <NavbarLayout />
    <Main>
        <TaskGrid />
    </Main>
    <TodayTasksLayout />
</Box>

My problem is when the content in the div with name main overflows it looks like in the attached image so to solve that I tried setting

overflow-y: auto

overflow-y: auto

on the main div but due to that the scrollbar comes is showing in the main div I want that scrollbar shows at the place shown in overflowing div image how do I do that

KP-C

Kevin Powell - Community•3y ago•

8 replies

Aditya Kirad

not able to overflow the div properly

hey folks I have this html

<Box display='flex' height={'calc(var(--vh, 1vh) * 100)'}>
    <NavbarLayout />
    <Main>
        <TaskGrid />
    </Main>
    <TodayTasksLayout />
</Box>

<Box display='flex' height={'calc(var(--vh, 1vh) * 100)'}>
    <NavbarLayout />
    <Main>
        <TaskGrid />
    </Main>
    <TodayTasksLayout />
</Box>

My problem is when the content in the div with name main overflows it looks like in the attached image so to solve that I tried setting

overflow-y: auto

overflow-y: auto

on the main div but due to that the scrollbar comes is showing in the main div I want that scrollbar shows at the place shown in overflowing div image how do I do that

not able to overflow the div properly

Similar Threads

not able to overflow the div properly

Similar Threads

Similar Threads

Similar Threads