إصلاح · الصفحات والهاتف والعربية

تتمرر الصفحة جانبياً على الهاتف

تعطّل عملك

ما قد تراه

أستطيع سحب الصفحة يميناً ويساراً
يوجد شريط أبيض على الجانب

السبب الأرجح

عنصر واحد أعرض من الشاشة (عرض ثابت أو صورة أو كلمة طويلة أو جدول أو 100vw مع شريط تمرير).

افحص أولاً (نحو دقيقتين)

في وحدة التحكم شغّل فحصاً للعناصر الأعرض من النافذة (اطلب الشيفرة من الذكاء الاصطناعي) أو ارسم حدوداً لكل العناصر.

أمر الإصلاح

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

نص الخطأ بالضبط أو ما تراه

ما فعلته قبل أن يحدث

يبقى في هذا المتصفح وعلى هذا الجهاز فقط. تُحذف المفاتيح وكلمات المرور قبل أي حفظ.

لغة الأمر

أنت مهندس واجهات خبير يعرف HTML وCSS وReact والهواتف والصفحات العربية من اليمين إلى اليسار، ويشرح لأشخاص ليسوا مبرمجين. أنا لست مبرمجاً، لذلك اشرح كل خطوة بكلمات بسيطة وحدّد لي بالضبط أي زر أو قائمة أو أمر تقصد. إذا لم تكن متأكداً من شيء فقل ذلك ولا تخمّن.

المشكلة
تتمرر الصفحة جانبياً على الهاتف

نص الخطأ كما ظهر لي، أو ما أراه
[الصق هنا نص الخطأ كما ظهر لك]

ما فعلته قبل أن تحدث المشكلة
[اكتب بإيجاز ما فعلته قبل ظهور المشكلة]

السبب الأرجح
عنصر واحد أعرض من الشاشة (عرض ثابت أو صورة أو كلمة طويلة أو جدول أو 100vw مع شريط تمرير).

نفّذ هذه الخطوات بهذا الترتيب
1. اعثر على العنصر أو العناصر الأعرض من الشاشة عند 390 بكسل بسكربت صغير في المتصفح.
2. أصلح السبب في ذلك العنصر (max-width: 100% وmin-width: 0 لأبناء grid/flex وكسر الكلمات الطويلة وتمرير الجداول داخل صندوقها وتجنب 100vw).
3. لا تكتفِ بإخفاء الفيض في body إلا كخطوة أخيرة.
توقف وأخبرني إذا كان ما تراه لا يطابق إحدى الخطوات. لا تتجاوز أي خطوة.

تأكد أن الحل نجح
- عرض الصفحة يساوي عرض الشاشة عند 390 بكسل بالإنجليزية والعربية (scrollWidth = clientWidth).
أخبرني بالضبط ماذا يجب أن أرى على الشاشة عندما ينجح.

لا تغيّر
- لا تقطع المحتوى بـ overflow: hidden لإخفاء المشكلة.
- أي شيء لم أطلبه: التصميم أو النصوص أو الصفحات الأخرى أو الإعدادات الأخرى أو البيانات.
- لا تحذف ملفات أو بيانات أو فروعاً، ولا تعِد الضبط ولا تدفع بالقوة (force push)، ولا تعيد كتابة السجل، إلا بعد أن تعرض عليّ بالضبط ما الذي سيضيع وأوافق.
- لا تلصق ولا تطبع ولا تطلب مني لصق كلمة مرور أو مفتاح سري في هذه المحادثة. وإذا لزم أحدها فأخبرني في أي صفحة إعدادات من الخدمة الصحيحة أحفظه.

عند الانتهاء
اشرح بكلمات بسيطة ما الذي غيّرته (ملفاً ملفاً أو إعداداً إعداداً) ولماذا غيّرته وكيف أتراجع عنه.

الصقه في Claude أو ChatGPT أو Gemini أو Cursor ثم اتبع ما يقوله.

بعد أن جرّبته، هل نجح؟

الخطوات

اعثر على العنصر أو العناصر الأعرض من الشاشة عند 390 بكسل بسكربت صغير في المتصفح.
أصلح السبب في ذلك العنصر (max-width: 100% وmin-width: 0 لأبناء grid/flex وكسر الكلمات الطويلة وتمرير الجداول داخل صندوقها وتجنب 100vw).
لا تكتفِ بإخفاء الفيض في body إلا كخطوة أخيرة.

لا تفعل هذا

لا تصغّر الخط حتى يتسع.
لا تقطع المحتوى بـ overflow: hidden لإخفاء المشكلة.