مشكلة في قائمة إعدادات العجلة المنسدلة في عرض الهاتف المحمول

الإصدار المثبت:

المشكلة:

لقد دخلت في الوضع الآمن في عرض الهاتف المحمول. أثناء الرد على منشور، يحتوي المحرر على خيار الترس في النهاية. عندما أنقر عليه، يصبح d-editor-button-bar قابلاً للتمرير عموديًا بدلاً من عرض قائمة منسدلة للخيارات الإضافية.


image

أفترض أنه يجب أن تظهر قائمة منسدلة؟ أواجه نفس المشكلة على meta أيضًا.

إعجابَين (2)

تعديل: يمكنني إعادة إنتاج المشكلة باستخدام كروم 103 على أندرويد على ميتا
من المحتمل أنها حديثة جدًا، لا أراها في 2.9.0.beta6 ( 09f1ef6b05 )

إعجابَين (2)

كنت أتحقق بنفسي. :slightly_smiling_face: يمكنني تكرار المشكلة على Android/Chrome:

إعجابَين (2)

يمكنني إعادة إنتاج المشكلة على سطح المكتب أيضًا باستخدام حساب غير موظف. على سطح المكتب، تعمل المشكلة بالنسبة لي باستخدام حساب المسؤول والمشرف.
على الهاتف المحمول، يبدو أن الوضع الآمن غير مطلوب لإعادة إنتاج هذه المشكلة.

3 إعجابات

تتموضع القائمة بشكل مختلف على سطح المكتب (position: fixed) مقابل الهاتف المحمول (position: absolute) لذا بسبب سحر CSS :sparkles: فإن overflow-x: auto; على حاوية .d-editor-button-bar كان يخفي القائمة على الهاتف المحمول ولكنه ليس له تأثير على سطح المكتب.

خاصية overflow-x: auto; هذه تصلح هذه المشكلة على سطح المكتب:

Screen Shot 2022-07-18 at 8.46.39 PM

لقد أضفت للتو إصلاحًا يعرض القائمة مرة أخرى على الهاتف المحمول عن طريق إزالة overflow-x: auto;

سيتعين علينا معرفة ما إذا كان بإمكاننا تغيير الموضع أو القيام بشيء آخر لحل مشكلة تجاوز شريط الأدوات على الهاتف المحمول.

5 إعجابات