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

الأزرار أو الروابط لا تستجيب على الآيفون (وتعمل على الحاسوب)

تعطّل عملك

ما قد تراه

أضغط ولا يحدث شيء في سفاري
تحتاج ضغطتين
تعمل في كروم على الحاسوب

السبب الأرجح

طبقة غير مرئية فوق الزر، أو أن النقر على عنصر ليس زراً، أو أن أنماط hover تجعل iOS يعدّ الضغطة الأولى تمريراً.

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

افتح الصفحة في سفاري على آيفون (أو المحاكي) واضغط ببطء: هل يظهر وميض أو قائمة؟
تحقق هل هو زر/رابط أم div له معالج نقر.

أمر الإصلاح

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

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

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

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

لغة الأمر

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

المشكلة
الأزرار أو الروابط لا تستجيب على الآيفون (وتعمل على الحاسوب)

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

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

السبب الأرجح
طبقة غير مرئية فوق الزر، أو أن النقر على عنصر ليس زراً، أو أن أنماط hover تجعل iOS يعدّ الضغطة الأولى تمريراً.

نفّذ هذه الخطوات بهذا الترتيب
1. اعثر على العنصر وتحقق من وجود طبقات متداخلة (position fixed أو absolute وخلفيات كاملة الشاشة وpointer-events).
2. استخدم عناصر زر ورابط حقيقية (وليس div) بحجم كافٍ (44 بكسل).
3. ضع تأثيرات hover فقط داخل media query من نوع (hover: hover) حتى لا تنتظر الهواتف ضغطة ثانية.
4. اختبر في سفاري الحقيقي (أو WebKit) وليس في وضع الهاتف في كروم فقط.
توقف وأخبرني إذا كان ما تراه لا يطابق إحدى الخطوات. لا تتجاوز أي خطوة.

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

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

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

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

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

الخطوات

اعثر على العنصر وتحقق من وجود طبقات متداخلة (position fixed أو absolute وخلفيات كاملة الشاشة وpointer-events).
استخدم عناصر زر ورابط حقيقية (وليس div) بحجم كافٍ (44 بكسل).
ضع تأثيرات hover فقط داخل media query من نوع (hover: hover) حتى لا تنتظر الهواتف ضغطة ثانية.
اختبر في سفاري الحقيقي (أو WebKit) وليس في وضع الهاتف في كروم فقط.

لا تفعل هذا

لا تثق في محاكاة الهاتف في كروم وحدها.
لا تزل أنماط hover على الحاسوب.