الخلاصة

  • عرّفت مسودة W3C العامة الأولى في يونيو 2023 طريقة لتحديد حجم عنصر عائم وموقعه نسبةً إلى عنصر مرساة في مكان آخر من الصفحة، مع مواضع احتياطية إذا تجاوز الخيار المفضل الحاوية.
  • طورت مسودات 2024 اختيار المرساة الافتراضية وقواعد position-try؛ يحدد الموقع المواضع المقبولة وترتيبها، ويقيس المتصفح أيها يتسع للفقاعة.

في استمارة يسأل حقل عن معلومة غير مألوفة. إلى جانبه زر صغير للمساعدة. ينقر القارئ الزر لينال شرحاً قصيراً في مكانه. على شاشة واسعة، تبدو الفقاعة إلى اليمين فكرة لطيفة. على الهاتف، قد يقف الزر أصلاً عند آخر بكسل في اليمين، فتختفي الكلمة الحاسمة خلف الحافة. وصل الشرح إلى جوار السؤال في حساب المصمم، وغادر مجال نظر الإنسان. يعود المطور إلى top وleft ومجموعة ترقيعات تقيس كل شاشة كما لو أنها أرض جديدة للبيع.

قدمت مسودة W3C العامة الأولى في 29 يونيو 2023 لغة أوضح لهذه العلاقة. يستطيع عنصر محدد الموضع أن يضبط مكانه وحجمه نسبةً إلى عنصر مرساة واحد أو أكثر في موضع آخر من الصفحة. تسمي anchor-name المرجع، وتستخدم anchor() وanchor-size() موقعه وأبعاده. الفقاعة صندوق مستقل، لكنها تعرف الزر الذي تنتمي إليه. عندما يكبر النص فوقها ويتحرك الزر، يتحرك المرجع معها. لا تبقى الفقاعة حارسة لإحداثيات الأمس.

يختار الموقع الزر المسؤول عن الشرح، ونص الشرح، والجهة التي يفضل ظهور الفقاعة فيها. ويعرف المتصفح حجم الصندوقين ومكانهما لأنه يرسمهما أصلاً. يمكنه أن يتولى القياس المشترك بدلاً من أن يحتفظ كل موقع بورشة صغيرة للحساب اليدوي. ومع ذلك يبقى قرار يخص الكاتب والمصمم: هل يفهم القارئ العلاقة أوضح حين يظهر الشرح فوق الزر أم تحته، يمينه أم يساره؟

عند حافة الشاشة، لا يكفي المقعد المفضل. وضعت مسودة يونيو 2023 position-fallback وكتلة @position-fallback لعرض قواعد مرشحة. إذا تجاوز الموضع الأول الحاوية، يجرب المتصفح الخيارات وفق ترتيبها حتى يجد ما يتسع. يكتب الموقع قائمة المقاعد؛ ويفحص محرك التخطيط حجم الغرفة. انتقال الفقاعة من يمين الزر إلى يساره تنفيذ لخطة سابقة، لا نوبة ذوق مفاجئة عند المتصفح.

في مسودة 14 مارس 2024 صار تعيين المرساة الافتراضية أوضح عبر position-anchor. وتحدث قسم البدائل بلغة عائلة position-try، ومنها position-try-options وposition-try-order. بقيت المهمة كما هي: فقاعة قريبة من زرها، كاملة داخل مساحة القراءة. أما الكلمات التي يكتب بها مؤلف CSS المركز الثاني والثالث فتغيرت. أحياناً تحتاج المواصفة نفسها إلى تجربة عدة أسماء قبل أن تجد اسمها المناسب.

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

استخدمت مسودة 4 أكتوبر 2024 اسم position-try-fallbacks للمواضع البديلة. كان نص 2023 يستعمل position-fallback، ونص مارس 2024 يستعمل position-try-options. لكل اسم تاريخ ووثيقة. وتكشف هذه التغييرات شيئاً من صناعة المعيار: المشكلة ثابتة، وصياغة طريقة سهلة لعرض البدائل تحتاج عملاً حقيقياً. قد يظهر الزر في أي زاوية؛ ويمكن كتابة خطة تمنح الفقاعة مكاناً ثانياً وثالثاً قبل أن تضيع جملتها.

يرتب سجل نشر W3C المسودة الأولى في 2023 وتنقيحات 2024. قياس المرساة والفقاعة والحيز المتاح مهمة مشتركة لدى المتصفح. يختار الموقع الكلام الذي سيظهر، والمرساة، وترتيب المواضع المقبولة. يريد القارئ جواباً كاملاً بجوار الزر الصحيح. حين يغلق الطرف الأيمن بابه، قد يفتح الطرف الأيسر باباً آخر.

يمكن للمتر أن يعود إلى الدرج. حان دور النص كي يؤدي عمله.