7 replies

overflow-y auto does not work

Hi everyone, I'm trying to make the content scrollable using overflow-y-auto, but it's not working as expected. Here's my layout structure

<div className="grid h-dvh grid-rows-[auto_1fr] overflow-hidden">
        <Header />
        <div className="grid grid-flow-col grid-cols-[auto_1fr] grid-rows-1">
          <Sidebar />
          <div className="overflow-y-auto">{children}</div>
        </div>
</div>

<div className="grid h-dvh grid-rows-[auto_1fr] overflow-hidden">
        <Header />
        <div className="grid grid-flow-col grid-cols-[auto_1fr] grid-rows-1">
          <Sidebar />
          <div className="overflow-y-auto">{children}</div>
        </div>
</div>

<div className="grid h-dvh grid-rows-[auto_1fr] overflow-hidden">
        <Header />
        <div className="grid grid-flow-col grid-cols-[auto_1fr] grid-rows-1">
          <Sidebar />
          <div className="overflow-y-auto">{children}</div>
        </div>
</div>

<div className="grid h-dvh grid-rows-[auto_1fr] overflow-hidden">
        <Header />
        <div className="grid grid-flow-col grid-cols-[auto_1fr] grid-rows-1">
          <Sidebar />
          <div className="overflow-y-auto">{children}</div>
        </div>
</div>

overflow-y auto does not work

Similar Threads

Similar Threads

Similar Threads