Safari 27 يتيح تنسيق عنصر select رسميًا عبر appearance: base-select

صدر Safari 27 في 14 سبتمبر 2026 مع iOS 27 وiPadOS 27 وmacOS 27. وأبرز ما فيه لمطوري الواجهات أن عنصر select، أي القائمة المنسدلة، صار قابلًا للتنسيق بطريقة رسمية.

لسنوات، كان تغيير شكل القائمة المنسدلة يعني غالبًا استبدالها بمكتبة JavaScript كاملة تبني بديلًا منها. في Safari 27 يكفي أن يُكتب appearance: base-select، ثم يمكن الوصول إلى أجزاء العنصر عبر ::picker-icon و::checkmark، ووضع المحتوى المطلوب داخل عنصر selectedcontent.

ومع هذه الميزة، تضم النسخة نفسها بحسب مدونة WebKit إضافات أخرى:

• الـ pseudo-class المسماة :heading، التي تلتقط العناوين من h1 إلى h6 في selector واحد.
• scroll anchoring، الذي يمنع الصفحة من القفز حين تُحمَّل صورة أعلى موضع القراءة.
• sizes=“auto” على عنصر img، لحساب العرض تلقائيًا مع الـ lazy loading.
• الكلمة stretch في box sizing، لأخذ المساحة المتاحة مع حساب الـ margin.
• الدالة random() داخل CSS دون JavaScript.
• revert-rule، وtransform-aware anchor positioning.
• إعادة كتابة الـ ESM loader، ما جعل top-level await يعمل بشكل صحيح.
• JSPI في WebAssembly، الذي يسمح لكود Wasm مكتوب بأسلوب متزامن بانتظار Promise.

وفيما يخص المحتوى العربي، صارت أدوات التحكم في الصور المكانية، أي spatial image controls، تدعم التخطيط من اليمين إلى اليسار.

ما يتغير عمليًا أن عبارة «لا يمكن تنسيق select» لم تعد صحيحة على Safari. أما إزالة المكتبة من مشروع قائم فتبقى مرتبطة بدعم المتصفحات الأخرى التي يستخدمها جمهور المشروع.