مشكلة Select-kit في RTL

ساهم خلل
1

القائمة التي تُفتح في Select-Kit لا تُعرض بشكل صحيح في اتجاه الكتابة من اليمين إلى اليسار (RTL).

التخطيط الحالي:

+--------+
| target |
+-------------+
|             |
|   popper    |
|             |
+-------------+

التخطيط المتوقع:

     +--------+
     | target |
+-------------+
|             |
|   popper    |
|             |
+-------------+

لقد تفحصت الكود ووجدت أن الإعدادات مخصصة فقط لاتجاه الكتابة من اليسار إلى اليمين (LTR).

وتُستخدم هنا:

حاولت حل المشكلة بإضافة بعض أكواد CSS، لكن للأسف أدى ذلك إلى ظهور مشاكل إضافية. أعتقد أنه إذا استخدمنا placement: "bottom-end" عندما تكون الصفحة موجهة من اليمين إلى اليسار (RTL)، فسيتم حل المشكلة.

كما أن هذا التسبب في ظهور عناصر popper المفتوحة خارج الشاشة على بعض الهواتف المحمولة. إذا لزم الأمر، يمكنني إرسال لقطات شاشة توضح المشكلة عبر رسالة خاصة.

إعجاب واحد (1)
3

هل يمكننا تطبيق هذا التغيير على مجتمعنا أم يجب أن يطبقه فريق Discourse؟

4

نعم، يجب أن تنتظر حدوث تغيير، آسف، سأحاول الاطلاع على الأمر قريبًا، ومن المفترض أن يكون إصلاحه أمرًا بسيطًا.

إعجاب واحد (1)
5

شكرًا لاستجابتك
هل تعتقد أنه من الممكن تغيير مثل هذا الشيء عبر JavaScript؟ حيث نقوم بحقن هذا التغيير عبر مكون السمة لحل المشكلة مؤقتًا.

6

كل شيء ممكن، لكنني لا أنصح بذلك، سألقي نظرة قريبًا.

إعجاب واحد (1)
7

على أجهزة سطح المكتب التي يزيد عرضها عن 1711 بكسل، يمكن ملاحظة هذه المشكلة بسهولة في إعدادات الإشعارات في نهاية صفحة الموضوع. :folded_hands:

إعجاب واحد (1)
8

لقد دفعت إصلاحًا على الفرع الرئيسي (master) لهذه المشكلة، أبلغني إذا ما كان ذلك يحسّن الوضع بالنسبة لك. إذا لم يحدث ذلك، يرجى التأكد من التقاط لقطة شاشة.

5 إعجابات
9

بسبب حذف صور الملفات الشخصية بصيغة GIF، اضطُررنا إلى التحديث مع تأخير بسيط. كما اتضح، تم حل هذه المشكلة بالكامل.

شكرًا لك @j.jaffeux

إعجابَين (2)