‏سافاری ۲۷ بتا؛ ۵۸ قابلیت تازه و ۵۲۵ رفع باگ

تیم WebKit تو WWDC26 نسخهٔ بتای سافاری ۲۷ رو معرفی کرد که ۵۸ قابلیت تازه، ۵۲۵ رفع باگ و ۴ منسوخ‌سازی داره. خودِ تیم تأکید می‌کنه که داستان واقعیِ این نسخه قابلیت‌های جدید نیست؛ بیشترِ کار صرف این شده که قابلیت‌های موجود درست‌تر رفتار کنن، edge caseهای بیشتری رو هندل کنن و با هم جور دربیان. به گفتهٔ تیم، تمرکز امسال روی کیفیت و هم‌سو شدن با استانداردهای وب بوده.

شاخص‌ترین قابلیت جدید، تگ کاملاً قابل‌سفارشیه. حالا می‌تونی یه المان فرم بسازی که دقیقاً با ظاهر سایتت جور باشه، بدون اینکه سراغ کتابخونهٔ جاوااسکریپت بری یا دسترسی‌پذیری و یکپارچگی فرم بومی رو قربانی کنی. با appearance: base-select استایل بومی رو پاک می‌کنی و از یه پالت تمیز شروع می‌کنی:

.card {
  width: stretch;
}

مثل بالا، یکی دیگه از اضافه‌های CSS کلیدواژهٔ stretch برای box sizingه که به المان میگه فضای موجود رو پر کنه و برخلاف width: 100% حاشیه‌ها (margin) رو هم حساب می‌کنه و سرریز ایجاد نمی‌کنه. تیم میگه اگه از -webkit-fill-available به‌عنوان راه‌حل موقت استفاده می‌کردی، الان وقت خوبیه که سوییچ کنی.

تو بخش CSS چندتا چیز دیگه هم اومده: anchor positioning آگاه از transform، یعنی وقتی روی یه المانِ لنگر transform اعمال می‌شه، عناصری مثل tooltip یا popover که بهش وصلن همون موقعیت تغییریافته رو دنبال می‌کنن — حتی با انیمیشن. pseudo-class جدید :heading هم به‌جای نوشتن h1, h2, h3, h4, h5, h6 همهٔ هدینگ‌ها رو می‌گیره. کلیدواژهٔ revert-rule هم اجازه می‌ده cascade رو دقیقاً به حالتی برگردونی که انگار همین قانون استایل اصلاً نبوده، که برای کتابخونه‌های کامپوننت و دیزاین‌سیستم‌ها مفیده.

از قابلیت‌های مهم دیگه، scroll anchoringه که جلوی اون پرش‌های آزاردهنده رو می‌گیره؛ وقتی محتوایی بالای viewport لود یا حذف می‌شه (یه عکس، یه تبلیغ، یه کامنت)، مرورگر خودکار موقعیت اسکرول رو طوری تنظیم می‌کنه که جایی که داری می‌خونی سرجاش بمونه. این رفتار با property به اسم overflow-anchor کنترل می‌شه که پیش‌فرضش autoه و اکثر سایت‌ها مجانی ازش بهره می‌برن. تو وب‌اسمبلی هم JSPI اضافه شده که به کد Wasm اجازه می‌ده تو دنیای async جاوااسکریپت شرکت کنه.

تیم تأکید می‌کنه این کارها فقط برای مرورگر سافاری نیست؛ چون همون موتورهای WebKit و JavaScriptCore تو اپ‌های خبری، بانکی و خریدِ آیفون هم محتوای HTML/CSS/JS رو رندر می‌کنن، پس هر رفع باگی به کل پلتفرم وب سود می‌رسونه. مثلاً ۳۰ تا از اصلاحات مربوط به SVGه که روی ۶۷٪ صفحات وب استفاده می‌شه. تیم از توسعه‌دهنده‌ها می‌خواد اگه چیزی اذیتشون می‌کرده تو بتا تستش کنن و اگه هنوز حل نشده با یه سناریوی مشخص گزارش باگ بدن.

نکات کلیدی:

• سافاری ۲۷ بتا: ۵۸ قابلیت تازه، ۵۲۵ رفع باگ و ۴ منسوخ‌سازی
• تگ کاملاً قابل‌سفارشی با appearance: base-select بدون نیاز به جاوااسکریپت
• scroll anchoring جلوی پرشِ صفحه موقع لود محتوای بالای viewport رو می‌گیره
• CSS: anchor positioning آگاه از transform، pseudo-classهای :heading و کلیدواژه‌های revert-rule و stretch
• JSPI به کد وب‌اسمبلی اجازه می‌ده تو دنیای async جاوااسکریپت شرکت کنه
• تمرکز اصلی نسخه روی کیفیت و هم‌سویی با استانداردهای وبه، نه قابلیت جدید