Bug WordPress yang Hanya Memengaruhi Pengguna Kidal
(shkspr.mobi)- Di mobile, ada masalah ketika kotak balasan komentar tiba-tiba terbuka saat menggulir, dan pengelola situs yang menggulir dengan ibu jari kanan tidak bisa mereproduksinya
- Penyebabnya adalah link reply di sisi kiri halaman dan penanganan
touchstartWordPress; guliran dengan ibu jari kiri bisa berujung pada sentuhan link yang tidak disengaja - Bug ini sudah dilaporkan di WordPress Trac 7 tahun lalu, dan kode terkait ditambahkan ke repositori pengembangan WordPress pada 2017
- Dulu, diperlukan penghindaran jeda 300ms untuk membedakan sentuhan dan zoom ketuk dua kali, tetapi berdasarkan artikel Chrome tahun 2013 dan materi FastClick tahun 2015, ini sudah menjadi masalah lama
- Perbaikannya dilakukan dengan menghapus beberapa baris dari kode WordPress, dengan fokus mengurangi aksi balasan komentar yang tidak diinginkan saat menggulir di mobile
Optimasi Blog dan JavaScript Komentar
- Di atas instalasi default WordPress, berbagai modifikasi kustom diterapkan untuk mengoptimalkan blog semaksimal mungkin
- Penggunaan JavaScript ditekan seminimal mungkin, dan fungsi-fungsi dikonfigurasi agar tetap berjalan tanpa JavaScript
- Namun, JavaScript membantu untuk sebagian fitur, dan contoh yang paling mencolok adalah fitur komentar
Masalah yang Hanya Muncul saat Menggulir dengan Tangan Kiri
- Seorang pembaca melaporkan bug situs, yaitu kotak komentar tiba-tiba muncul saat halaman digulir sehingga mengganggu navigasi
- Pengelola situs sering menggulir, tetapi karena menggunakan ibu jari kanan, ia tidak menemukan masalah yang sama
- Pengguna yang melaporkan bug menggulir dengan tangan kiri, dan link reply yang bermasalah berada di sisi kiri halaman
- Event sentuh yang tidak terlalu terlihat saat menggulir dengan ibu jari kanan bisa terjadi tanpa disengaja saat menggulir dengan ibu jari kiri
Penanganan touchstart di WordPress
- Masalah ini pernah dilaporkan di WordPress Trac 7 tahun lalu
- Pada 2017, seorang pengembang WordPress menambahkan listener
touchstartuntuk klik link - Browser lama tidak bisa membedakan dengan pasti apakah event sentuh adalah awal klik atau awal zoom ketuk dua kali
- Cara memicu event lebih dulu ketika sentuhan terjadi pada link saat itu dapat dipandang sebagai penanganan untuk menghindari jeda 300ms
Masalah Jeda 300ms yang Sudah Hilang
- Jeda ketuk 300ms sudah lama bukan lagi masalah dengan bentuk yang sama
- Artikel blog developer Chrome tahun 2013 membahas bahwa masalah jeda tersebut telah hilang
- Berdasarkan materi FastClick tahun 2015, masalah ini juga bukan lagi isu utama yang perlu diselesaikan
- Karena itu, tidak jelas mengapa pada 2017 kode yang mengganggu pengguna yang menggulir dengan tangan kiri ini ditambahkan
Cara Perbaikan dan Efek yang Diharapkan
- Tujuh tahun setelah laporan bug, PR perbaikan WordPress telah di-commit
- Perbaikannya bukan perubahan rumit, melainkan dengan menghapus beberapa baris dari kode WordPress
- Perubahan ini dapat mengurangi masalah ketika link reply aktif tanpa disengaja saat menggulir di mobile sehingga kotak balasan komentar terbuka
- Tidak ada fitur pembatasan akses berdasarkan dominansi tangan seperti
<meta handed="right">; perubahan kali ini berfokus mencegah event sentuh yang tidak diinginkan
1 komentar
Komentar Lobste.rs
Terlalu banyak hal di dunia ini yang dibuat dengan asumsi orang kidal bukan pengguna utamanya, melainkan orang tangan kanan. Bahkan slogan iklan pada pena sering dicetak agar terbaca jika dipegang dengan tangan kanan
Meski begitu, hidup sebagai orang kidal berarti punya semacam fitur pemblokir iklan bawaan, setidaknya sedikit
Frasa “sinister disposition” lucu juga. Saya ingat hari ketika saya mengetahui bahwa sinister dan dexterous (dexter) secara harfiah masing-masing berarti ‘kiri’ dan ‘kanan’
Penyimpangan dari norma → kejahatan, sebagai fenomena budaya yang masih kita bawa sampai sekarang, tetap terasa menarik
Kemungkinan besar karena kata asli untuk kiri menjadi tabu lalu diganti dengan kata baru, dan kata baru itu pun kemudian kembali menjadi tabu, berulang seperti itu
[1]: https://reddit.com/r/asklinguistics/…
Apakah orang biasanya memegang ponsel hanya dengan tangan dominan mereka? Saya kidal, tetapi menggunakan kedua tangan untuk ponsel hampir secara acak dan kurang lebih seimbang, jadi saya kira semua orang juga begitu
Awalnya saya memegang ponsel dengan tangan kanan lalu mengoperasikannya dengan tangan kiri, tetapi seiring waktu semakin banyak hal yang saya lakukan dengan ibu jari kanan sehingga akhirnya itu menjadi titik interaksi utama
Saya juga memakai mouse dengan tangan kanan, karena waktu kecil kabel mouse di lab komputer terlalu pendek sehingga tidak bisa dipindah ke kiri
Saya juga kidal, tetapi banyak hal saya lakukan dengan tangan kanan, seperti menulis tangan. Di piano pun tangan kanan saya yang dominan, dan cara kebanyakan lagu ditulis jelas mungkin ikut memengaruhi. Untuk ponsel, saya memakai kedua tangan
Namun kalau sudah lebih dari dua atau tiga kalimat, saya mengetik dengan kedua ibu jari
Menariknya, hampir semua hal lain saya lakukan dengan tangan kanan, tetapi untuk ponsel saya cenderung memegang dan memakainya dengan tangan kiri
Saya tidak yakin alasannya, tetapi mungkin karena saya menyimpan ponsel di saku kiri dan dompet serta kunci di kanan. Menggunakan kunci dan mengambil dompet terasa lebih nyaman dengan tangan dominan. Saya jadi penasaran apakah saya aneh
Akhirnya saya scroll dan melakukan tugas-tugas dasar dengan tangan kiri, tetapi untuk mengetik pesan panjang saya cenderung tetap memegangnya dengan tangan kiri sambil melakukan swipe input dengan tangan kanan
Penggunaan
touchstartdi situ memang salah sejak awalMouse, sentuhan, dan pointer aktif saat dilepas, bukan saat ditekan, tetapi titik awal tekan harus tetap berada pada elemen yang sama. Event keyboard aktif pada keydown, bukan keyup. Namun anehnya, untuk tombol yang merespons
Space, itu justru terjadi pada keyup, dan tidak seperti mouse, ia juga tidak peduli pada elemen mana keydown terjadiAnda bisa menguji berbagai kemungkinan dengan sesuatu seperti
data:text/html,<button onclick=this.textContent=Math.random()>One</button><button onclick=this.textContent=Math.random()>Two</button>Menggunakan
touchstartuntuk menyiapkan aktivasi, misalnya mulai mengambil data dari server lebih awal jika perlu, mungkin masih masuk akal. Tetapi menjalankan aksi sebenarnya belum boleh terjadi pada tahap itu, danelement.addEventListener( 'touchstart', clickEvent );justru salah menangani hal tersebutSaya tidak paham apa hubungannya ini dengan orang kidal
Apakah ini perilaku khusus touchpad yang tidak saya pahami karena saya pengguna mouse?