Risalah Panggilan Konferensi CSSWG (14-08-2024) | – Beragampengetahuan

Saya baru saja membaca notulen rapat CSSWG terbaru (Anda dapat berlangganan di W3C.org) dan menemukan beberapa poin menarik yang ingin saya catat di lain waktu. Kelompok tersebut membahas modul Nilai CSS, Pelonggaran CSS, dan Penyeleksi, tapi apa nyata Yang menarik perhatian saya adalah menambahkan penundaan pemicu ke CSS untuk hal-hal seperti hover, tekan lama, dan status fokus.

Ide ini berasal dari proposal OpenUI, dan kami ingin mengucapkan terima kasih kepada organisasi yang telah menciptakan hal-hal seperti API Popover dan elemen pilihan yang dapat disesuaikan. Jika saya memahaminya dengan benar, konsep ini mengacu pada setiap kali seseorang mengarahkan kursor, mengklik, atau fokus pada suatu objek <button> Dalam jangka waktu tertentu, kita bisa menyebut sesuatu. Tooltip adalah contoh sempurna untuk ini. Alasannya adalah bahwa mengarahkan kursor ke elemen pemicu merupakan ekspresi ketertarikan, dan sebagai penulis web kita dapat melakukan sesuatu dengan ketertarikan tersebut, seperti menampilkan tooltip.

WowKanan? ! Ada perdebatan lama tentang pelanggaran CSS di ranah JavaScript (ironisnya, bukan?). Secara harfiah, memicu peristiwa sebagai respons terhadap interaksi adalah satu-satunya tujuan saya menggunakan JavaScript. Tidak ada yang salah dengan hal ini di CSSWG, sebagaimana didokumentasikan dalam risalah rapat:

Jadi. Apakah ini CSSnya? Atau haruskah itu terjadi di tempat lain? Apakah pendekatan ini masuk akal? Ada ide yang lebih baik? Yang paling menarik adalah yang terakhir.

[…]

Pertanyaan lain; apakah ini CSS atau HTML… mungkin ini hanya fitur javascript? Anda dapat menentukan status MQ dan membuat perubahan di JS, jadi tidak harus di CSS.

Segera setelah itu:

Saat Anda berbicara; Saya telah memikirkan satu hal; haruskah pengembang menyesuaikan penundaannya? Kasus penggunaan awal untuk ditangguhkan adalah bahwa hover tidak boleh terjadi secara instan. Namun jika kami tidak mengizinkan penyesuaian, kami dapat menyesuaikan lama penundaan platform.

Namun, banyak dari kita sudah melakukan ini menggunakan animasi CSS, dan ini merupakan hal yang bagus (animation-delay) dan konversi (transition-delay). Terkadang Anda bahkan dapat menggunakan pemilih universal atau prefers-* bertanya.

Segalanya menjadi lebih rumit ketika mempertimbangkan cara mendefinisikan nilai untuk ini. Apakah mereka secara eksplisit tertunda (800ms), kata kunci umum (none/short/medium/long), atribut khusus, kelas semu… sesuatu yang lain? Saya senang ada orang-orang pintar yang mengerjakan hal ini.

Saya pikir akan menyenangkan jika memiliki nilai waktu di sini. CSS adalah tempat yang bagus untuk meletakkannya. Kami memiliki semuanya yang dirancang secara ergonomis. Tempatkan di lokasi yang dinyatakan dengan benar.

Apa pun situasi akhirnya:

Ini kedengarannya masuk akal bagi saya dan saya ingin menjelajahinya. Tidak yakin apakah ini bentuk persisnya, tapi ruangnya sepertinya berguna bagi saya.