Как сделать прокрутку? Я не могу сделать независимые прокрутки ⇐ CSS

[Anonymous]

import React from "react";
import "./clientLayout.css";

const ClientLayout = () => {
const generateParagraphs = (count) => {
return Array.from({ length: count }, (_, index) =>
Paragraph {index + 1}
);
};
return (

{generateParagraphs(1000)}
{generateParagraphs(1000)}

);
};

export default ClientLayout;
< /code>
Это то, что я должен проверить прокрутку. Теперь боковая панель фактически не нуждается в прокрутке. Его контент, который нуждается в прокрутке. < /P>
.client-layout-container {
width: 100%;
height: 100dvh;

position: relative;
display: grid;
grid-template-columns: 15rem 1fr;
gap: 0.2rem;

overflow: hidden;
}

.sidebar {
background: green;
height: 100%;
overflow: auto;
}

.content {
background: yellow;
min-height: 100%;
overflow: auto;
}
< /code>
Теперь, когда боковая панель переполнена: Auto, затем они оба прокручиваются независимо. Но я не хочу этого переполнения: Авто на боковой панели. Я не хочу ничего указывать о переполнении. И так, если я удалю это. Контент теряет способность прокрутки.

Подробнее здесь: https://stackoverflow.com/questions/793 ... scrollings