تعارض الأنماط أو وجود نافذة حوار أخرى في الصفحة
لماذا لا يغيّر CSS موقعك النافذة، وكيف تنسّقها عمدًا، وماذا يحدث عند فتح شريط ملفات الارتباط أو نافذة محادثة أو نافذة حوار أخرى.
تعيش النافذة في صفحتك لكنها معزولة عنها. هذا يمنع معظم التعارضات ويفسّر الباقي.
أنماط موقعك لا تصل إلى النافذة
تُرسم النافذة داخل shadow root، وهو جزء معزول من الصفحة. لا تدخل إليه أنماط ملف أنماط موقعك، ولا تخرج منه أنماط النافذة. وعليه:
- خطوط موقعك وألوانه وأنماط أزراره لا تُطبَّق على النافذة تلقائيًا. اضبطها في المحرر، أو مرة واحدة في هوية العلامة.
- قاعدة في CSS قالبك تستهدف النافذة لا تفعل شيئًا.
- لا تستطيع النافذة إفساد مظهر صفحتك.
نسّق النافذة عمدًا
- استخدم المحرر: الألوان والخطوط والسمات والخلفية والحجم والموضع.
- لما لا يوفّره المحرر يستطيع المطوّر كتابة CSS لحملة واحدة تحت CSS مخصص. راجع إعدادات الحملة والكود المخصص.
الخط يبدو مختلفًا في الموقع
يُحمَّل خط الحملة عند ظهورها. وإذا تعذّر على متصفح الزائر تحميله تستخدم النافذة خط الجهاز.
نافذة حوار أخرى مفتوحة
لا يفتح السكربت نافذة فوق نافذة حوار أخرى في موقعك. قبل أن يفتح واحدة يبحث عن نافذة حوار ليست له، مفتوحة كنافذة شرطية (modal)، ومرئية، وتغطي منتصف النافذة. ما دامت موجودة تنتظر النافذة وتعاود النظر بعد ثانية، وتفتح عند إغلاق الأخرى.
ما يُعدّ نافذة حوار كهذه: عنصر dialog في HTML مفتوح كنافذة شرطية، أو عنصر معلَّم بـ aria-modal="true".
ما لا يُعدّ كذلك فلا تنتظره النافذة:
- شريط ملفات الارتباط أو أي شريط على حافة النافذة.
- فقاعة محادثة في زاوية.
- نافذة حوار مغلقة أو مخفية.
لا ينطبق الانتظار على الحملات المضمّنة، وقفل المحتوى، والحملة المفتوحة بضغطة، أو المفتوحة بكود موقعك.
نافذة وشريط ملفات الارتباط معًا
يمكن أن يجتمعا على الشاشة. إذا كان ذلك كثيرًا دفعة واحدة فأعطِ النافذة مشغّلًا بعد بضع ثوانٍ، أو انتظر أول تمرير.
نافذتان من تفسير
تظهر نافذة واحدة في كل مرة. وللشريط والحملة المضمّنة مكانان خاصان فيمكن أن يظهرا مع نافذة. راجع تعدد المشغّلات وأولوية الحملات.
الصفحة خلف النافذة
- إيقاف تمرير الصفحة يُبقي الصفحة ثابتة ما دامت النافذة مفتوحة.
- الإغلاق بالنقر خارجها يتيح إغلاقها بالضغط على الصفحة المعتّمة.
- الشريط العلوي وبساط الترحيب يدفعان محتوى الصفحة للأسفل. إذا كان لموقعك ترويسة ثابتة في الأعلى فراجع مظهرهما معًا.
إن لم ينجح الأمر
- النافذة لا تفتح أبدًا في صفحة فيها نافذة حوار مفتوحة دائمًا: أغلق تلك النافذة، أو افتح الحملة بضغطة.
- عنصر ثابت في موقعك يغطي زاوية النافذة: انقل النافذة إلى موضع آخر من الموضع.
- CSS المخصص بلا أثر: يجب أن يُكتب في خانة الحملة نفسها لا في ملف أنماط موقعك.
