fix: layout problem after adding transition

This commit is contained in:
Mahyar Khanbolooki
2025-07-31 20:19:16 +03:30
parent 7466822c70
commit a090c27e4b
3 changed files with 9 additions and 7 deletions
+2 -2
View File
@@ -1,5 +1,5 @@
import ClientSideWrapper from "@/components/wrapper/ClientSideWrapper";
import ClientMenuRouteWrapper from "@/components/wrapper/ClientMenuRouteWrapper.tsx";
import ClientSideWrapper from "@/components/wrapper/ClientSideWrapper";
export const metadata = {
title: 'Menu',
@@ -13,7 +13,7 @@ export default function MenuLayout({
return (
<ClientMenuRouteWrapper>
<ClientSideWrapper>
<ClientSideWrapper className=''>
{children}
</ClientSideWrapper>
</ClientMenuRouteWrapper>
+3 -3
View File
@@ -160,9 +160,9 @@ const MenuIndex = () => {
const [smallCategoriesVisible, setSmallCategoriesVisibility] = useState(false);
const onScroll = useCallback(() => {
if (!wrapperRef?.current?.parentElement?.scrollTop || !smallCategoriesRef.current?.offsetTop) return;
if (!wrapperRef?.current?.parentElement?.parentElement?.scrollTop || !smallCategoriesRef.current?.offsetTop) return;
if (wrapperRef.current.parentElement.scrollTop >= smallCategoriesRef.current.offsetTop) {
if (wrapperRef.current.parentElement?.parentElement.scrollTop >= smallCategoriesRef.current.offsetTop) {
setSmallCategoriesVisibility(true);
} else {
setSmallCategoriesVisibility(false);
@@ -172,7 +172,7 @@ const MenuIndex = () => {
useEffect(() => {
if (!wrapperRef.current) return;
const parent = wrapperRef.current.parentElement;
const parent = wrapperRef.current.parentElement?.parentElement;
if (!parent) return;
parent.addEventListener('scroll', onScroll);