القائمة تقفز من غير حركةانتقل بـ grid-template-rows من 0fr لـ 1fr
المحتوى ظاهر والصف صفرoverflow hidden على الابن
القص على الأب والقائمة مقفلتشالحد الأدنى التلقائي لعنصر الـ grid. انقل القص للابن
حركة max-height متأخرةالتخمين أكبر من المحتوى. استخدم grid
عدد العناصر بيتغير0fr و 1fr مش محتاجين ارتفاع محسوب
السهم ثابتtransition على transform مع نفس كلاس الفتح
الكلاس open مش شغال في CSS Modulesاجمع styles.open مش النص open
المستخدم طالب حركة أقلprefers-reduced-motion
خلّصت المذكرة لما
🧠 اختبر نفسك
١) فين overflow hidden؟
على المحتوى، عنصر الـ grid، مش على صندوق الـ grid.
٢) إيه بديل قياس الارتفاع بالجافاسكربت؟
صف grid من 0fr لـ 1fr.