زر الرد مخفي جزئيًا على كروم للجوال

لقد قمت بالبحث بسرعة ولا أعتقد أن هذا تم الإبلاغ عنه من قبل:
قمت بتحديث كل شيء وأعدت البناء أمس، ولكن منذ ذلك الحين في العرض على الهاتف المحمول (أحدث إصدار من Chrome)، يظهر زر الرد والعناصر المحيطة به مخفيًا جزئيًا في أسفل الموضوع:

أهلاً بعودتك إلى Meta @WaitroseCarpark :wave:

لم أتمكن من تكرار هذه المشكلة هنا. هل تظهر عند استخدام الوضع الآمن؟

هل يمكنك مشاركة رابط للموقع الذي تظهر فيه هذه المشكلة؟

إعجابَين (2)

جرب هذا على متصفح كروم للجوال

آه، الوضع الآمن يحل المشكلة، يبدو أن المشكلة في السمة. هذا يعطيني شيئًا أفكر فيه…

المشكلة على الأرجح سببها هذا العنصر

لاحظ كيف أنه خارج عنصر #main؟ نستخدم بعض أكواد JavaScript لتحديد موضع أداة تقدم الموضوع (topic-progress widget) بناءً على الفرق بين ارتفاع عنصر #main ووسم <body>.

هذا العنصر في قالبك يتعارض مع ذلك.

أفترض أن العنصر يُضاف عبر JavaScript. لذا، أزل أي كود JavaScript تستخدمه لإضافته، وأضف كود HTML مباشرة إلى قالبك إذا أمكن.

أضف هذا في تبويب “تذييل الصفحة” (footer) ضمن قسم “عام” (common)

<p style="text-align:center;">
  <a href="https://m.do.co/c/06a568f6937f">مُستضاف باستخدام Digital Ocean</a>
</p>

هذا سيعطيك نفس النتائج دون التعارض مع أداة تقدم الموضوع.

3 إعجابات

واو، تم الإصلاح فورًا! كنت أعمل يدويًا على تنسيقات CSS التي قمت بها للقالب منذ حوالي 3 سنوات، لقد أنقذني من كابوس فظيع، شكرًا جزيلاً لك يا @Johani !!!

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

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.