شرح صفوف ومحتوى الفقرة
تسمح المتصفحات افتراضياً بسحب مقبض تحجيم حقل <textarea> بالاتجاهين الأفقي والرأسي معاً عبر resize: both، مما قد يمدد الحقل عرضياً فوق الأعمدة والأزرار المجاورة ويكسر التخطيط. لذا يقيد ضبط resize: vertical التحجيم بالاتجاه الرأسي فقط لكتابة الرسائل الطويلة بأمان، بينما تقصره resize: horizontal على العرض، وتلغيه resize: none تماماً. وعلى الصناديق العادية يشترط اقتران resize بخاصية تدفق مثل overflow: auto.
وتكمل خاصيتان إضافيتان سلاسة التنقل داخل واجهة الصفحة؛ وهما scroll-behavior: smooth على العنصر html لجعل الانتقال للروابط الداخلية انسيابياً، و scroll-margin-top: 72px على العناوين المستهدفة لحجز مسافة علوية تمنع اختفاء العنوان خلف أشرطة التنقل الثابتة.
CSS
html { scroll-behavior: smooth; }
.section-heading { scroll-margin-top: 72px; }
.comment-field { width: 100%; min-height: 90px; resize: vertical; }
.resizable-panel {
width: 240px; overflow: auto; resize: horizontal;
}