CSS çapa konumlandırma
Bir elemanı başka bir "çapa" elemana göre konumlandırmayı sağlayan yeni bir CSS özelliği (Chrome, 2024). Örneğin düğmesine bağlanan ve sığmazsa kendiliğinden yer değiştiren bir araç ipucu veya açılır menü. Uzun süre JS kitaplıklarının yaptığı işi saf CSS'le çözer.
Sorun: bir popover/araç ipucu/açılır menüyü bir elemanın yanına yerleştirmek ve görünür tutmak (ekran kenarına varınca öbür tarafa geçmek) Popper.js/Floating UI gibi kitaplıklar gerektiriyordu; bunlar her seferinde JavaScript'le ölçüm yapıp konumlandırıyordu. Çapa konumlandırma bunu bildirimsel yapar: bir elemanı çapa olarak işaretlersiniz (anchor-name), ötekini ona göre konumlandırırsınız (position-anchor, anchor()) ve sığmadığında tarayıcının otomatik geçeceği yedek konumları belirtirsiniz (position-try). Kullanım: araç ipuçları, menüler, popover'lar, yorum balonları, yani "X'e bağlan ve yer konusunda akıllı ol" denen her şey. Popover API ve <dialog> ile doğal biçimde birleşir. Henüz erken aşamada (önce Chrome, diğerleri 2024-2025'te yolda) ama büyük bir ilerleme.