Tabbing yang betul untuk elemen interaktif di Firefox di MacOS

Baru -baru ini, saya menghadapi masalah fokus yang mengecewakan di Firefox di MacOS. Seorang pengguna melaporkan tingkah laku tatal yang tidak dijangka apabila tabbing melalui codepen embed -halaman akan melompat ke atas! Menyiasat ini, saya dapati beberapa ketidakkonsistenan tab yang pelik.

Ujian awal saya mendedahkan tingkah laku fokus yang tidak menentu: Sesetengah elemen boleh dilakukan, yang lain tidak. Hebatnya, pautan ( tag) kadang -kadang tidak dapat diakses melalui kunci tab. Ini seolah -olah salah.

Selepas beberapa penyelidikan dan pertanyaan komuniti, pelakunya muncul: keutamaan sistem MACOS yang mempengaruhi pesanan tab Firefox. Membolehkan keutamaan ini (dan memulakan semula Firefox) menyelesaikan masalah ini, menjadikan unsur -unsur yang diharapkan seperti Pautan Tabbable.

Bug tatal ke atas yang asal berpunca daripada pautan "langkau hasil iframe" dalam codepen embed. Pautan ini, yang direka untuk memintas iframe, hanya muncul ketika fokus. Permulaan saya (dan diakui canggung) cuba menyembunyikannya menggunakan position: absolute; top: -9999px; left: -9999px menyebabkan Firefox melompat halaman ke atas, walaupun gaya fokus meletakkan semula elemen. Ini nampaknya menjadi keadaan perlumbaan dalam Firefox.

Saya menggantikan kaedah ini dengan teknik bersembunyi yang lebih mantap dan boleh diakses. Saya juga mendapati tidak logik bahawa Firefox akan menjejaskan kedudukan tatal halaman ibu bapa apabila pautan yang bermasalah tinggal di dalam iframe. Penyelesaian yang dikemas kini juga alamat ini.

Atas ialah kandungan terperinci Tabbing yang betul untuk elemen interaktif di Firefox di MacOS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!