السحب للتحديث

الإيماءة كلها على المحور الكتلي (block axis): الإصبع ينزل، والقائمة تنزل معه، واتجاه الصفحة لا يمسّ أياً من ذلك. فلا تضرب الإزاحة في إشارة اتجاه ولا تستعمل var(--dir) كما تفعل مع العناصر الأفقية، لأن قيمة clientY وحدها كافية و transform: translateY(...) صحيحة في الاتجاهين. ومن يعمّم قاعدة «كل إيماءة تنعكس» على هذا العنصر ينتهي بمؤشّر يصعد لأعلى في النسخة العربية أو بعتبة سالبة لا تتحقّق أبداً.

المؤشّر يلفّ مع عقارب الساعة في العربية كما في الإنجليزية، فاتجاه الدوران اصطلاح مرتبط بقراءة الساعة ولا يحمل معنى لغوياً ينقلب. والقاعدة الشاملة [dir="rtl"] svg { transform: scaleX(-1) } تقلبه إلى عكس عقارب الساعة وتقلب معه سهم السحب، فاقصر القلب على صنف تضعه بيدك على الأسهم الأفقية وحدها، ولاحظ أن transform لا مقابل منطقي له فلن يتولّى المتصفّح هذا القرار عنك. وفي UIKit يرسم UIRefreshControl دائرته بنفسه ولا يقبل صورة، فإن ركّبت مؤشّراً خاصّاً فلا تستدعِ عليه imageFlippedForRightToLeftLayoutDirection()، لأنها طلب صريح بالانعكاس والسهم الرأسي لا شيء فيه ينقلب.

كل نصّ يرافق المؤشّر («اسحب للتحديث»، «آخر تحديث ٩:٤١») يتبع اتجاه الصفحة، فحاذِه بـ text-align: start لا left. وإن صففت الدائرة والنصّ في صفّ واحد فاستعمل gap و padding-inline بدل margin-left، لأن ترتيب الصفّ البصري ينقلب بينما ترتيب DOM يبقى كما هو. وطابع الوقت خطر خاصّ: تشغيل 12:04 PM أو اسم منطقة زمنية لاتيني داخل جملة عربية يعيد ترتيب أجزائه بصرياً بفعل خوارزمية bidi، فاعزل المقطع بـ <bdi> أو بـ unicode-bidi: isolate حتى لا تقفز PM إلى أول السطر.

إن ركّبت إجراءات سحب أفقية على صفوف القائمة نفسها فتلك إيماءة على المحور المضمّن، وهي تنعكس بالكامل: ما كان يُكشف بسحب الصفّ نحو اليسار في الإنجليزية يُكشف بسحبه نحو اليمين في العربية. في SwiftUI اكتب .swipeActions(edge: .trailing)، وفي أندرويد مرّر ItemTouchHelper.START و ItemTouchHelper.END إلى SimpleCallback بدل LEFT و RIGHT، لأن الزوج الأول يُحلّ مقابل اتجاه التخطيط والثاني فيزيائي لا يعرف الاتجاه. وتبقى قيمة dX داخل onChildDraw فيزيائية على كل حال (سالبة عند التحرّك يساراً مهما كان اتجاه التخطيط)، فاقرأ الإشارة من layoutDirection قبل أن تقرّر أي زرّ ترسم خلف الصفّ.

الإيماءة رأسية، لكن ما ترسمه حولها ليس كذلك، والدائرة في SwipeRefreshLayout موضوعة في منتصف العرض فلا شيء فيها ينعكس وحده. أمّا لحظة إزاحتها إلى جانب أو وضع تسمية بجوارها فاستعمل padding-inline-start و margin-inline-end على الويب و NSDirectionalEdgeInsets في UIKit. و contentInset في UIScrollView من نوع UIEdgeInsets بحقلَي left و right الفيزيائيين ولا مكافئ منطقي لهما في النوع نفسه، فما تضبطه فيهما يبقى في مكانه بعد قلب اتجاه التطبيق ويجب أن تبدّله بيدك.