سلوك تمرير متقطع

الدعم
1

مرحبًا بالجميع،

لقد واجهت بعض المشكلات الغريبة هذا الأسبوع بعد تحديث أحدث إصدار تجريبي من Discourse.

تتعلق المشكلة الأولى بمشكلة غريبة في التفاف النصوص، حيث كان نص المنشورات يتحول إلى سطر جديد في منتصف الشاشة على الأجهزة المحمولة. (يمكنك رؤية نفس التأثير حتى الآن على موقع العرض الرسمي للقالب، وتحديدًا في العرض على الأجهزة المحمولة: http://discourse.jordanvidrine.com/)

تمكنت من تحديد السبب بأنه مرتبط بقالب الخاص بي (Discourse Air)، وبما أنه لم يتم إصدار إصلاح رسمي من المطور حتى الآن، فقد قمت بتطوير إصلاح CSS خاص بي بناءً على ما رأيته في أداة فحص Chrome:

@media (max-width: 790px) {
.container.posts {
    display: inline;
}
}

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

Google Photos

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

لكنني لا أعرف ما الذي يجب تجربته بعد ذلك، لذا كنت آمل أن يكون لدى أحدكم هنا اقتراح.

ممتن لأي مساعدة أو توجيه في الاتجاه الصحيح!

2

تحديث: بعد المزيد من البحث والتجربة، يبدو أنني قد أصلحت هذه المشكلة. في حال واجه أي شخص آخر نفس المشكلة، فإن كود CSS المصحح (الذي يعالج المشكلة الأصلية دون إدخال مشكلة الاهتزاز) هو:

@media (max-width: 790px) {
.container.posts {
     grid-template-columns: none;
}
}