I'm encountering a console warning while working on my Nextjs project.
Here is the snippet of my code:
<aside className={`site-off desktop-hide ${showMenu ? "show-menu" : ""}`}>
....
</aside>
And here is the relevant CSS:
.site-off {
position: fixed;
width: 320px;
height: var(--percent100);
background-color: var(--white-color);
overflow-y: auto;
z-index: 1000;
transform: translateX(-100%);
visibility: hidden;
transition: transform 0.4s, visibility 0.4s;
will-change: transform, visibility;
}