نعم، هذه حالة معقدة بعض الشيء، ولا يمكن حلها باستخدام CSS فقط، بل نحتاج إلى تغيير في البنية (markup).
تحديدًا، وضع direction: auto عندما يكون الحقل فارغًا سيجعل الاتجاه من اليسار إلى اليمين (LTR).
لذلك، إذا كان حقل الإدخال فارغًا، فسيكون الاتجاه من اليسار إلى اليمين.
الحل الذي طبقته هنا هو جعل الاتجاه الافتراضي “rtl” في هذه الحالة، ثم التبديل إلى “auto” بمجرد إدخال حرف واحد.
@Osama، هل تمانع في مراجعة ودمج التغيير؟
@david، اضطررت إلى تسريب أداة مساعدة للاختبار (test helper) داخل قاعدة الكود الخاصة بنا لاختبار هذا بشكل نظيف، لكنني أعتقد أن هذا النوع من الأمور سيتم إزالته نهائيًا (tree-shake) في النهاية.