- Untuk mengatasi masalah ikon menu bar yang tertutup karena desain notch MacBook, Tailscale memperkenalkan antarmuka berbentuk jendela untuk macOS yang baru
- Pada awalnya, mereka memakai respons sementara berupa notifikasi pop-up saat ikon tersembunyi di balik notch, tetapi kini beralih ke UI mandiri yang sepenuhnya terpisah
- Antarmuka baru ini aktif secara default mulai versi 1.96.2, dan menampilkan fitur utama secara visual seperti Taildrop, Exit Node, dan pencarian perangkat
- Logika deteksi ikon yang tertutup di menu bar tetap dipertahankan untuk mencegah masalah ketika pengguna tidak dapat menemukan ikonnya
- Perubahan ini meningkatkan pengalaman pengguna macOS, dan nantinya akan diperluas ke pengembangan UI serupa untuk Windows
Masalah notch MacBook dan antarmuka macOS baru dari Tailscale
- Tailscale seharusnya bekerja hampir tanpa terlihat saat menghubungkan semua perangkat pengguna, tetapi desain notch pada beberapa MacBook menyebabkan ikon menu bar menghilang
- Untuk mengatasinya, diperkenalkan dua pendekatan: metode notifikasi sementara dan antarmuka berbentuk jendela baru untuk macOS
- Awalnya digunakan metode menampilkan notifikasi kepada pengguna saat ikon tersembunyi di balik notch, lalu kemudian ditambahkan UI mandiri penuh untuk meningkatkan aksesibilitas dan fungsionalitas
- Antarmuka baru ini aktif secara default mulai versi 1.96.2, dan menampilkan fitur utama secara visual seperti Taildrop, Exit Node, dan pencarian perangkat
- Perubahan ini meningkatkan pengalaman pengguna macOS dan ke depannya akan berlanjut ke pengembangan UI serupa untuk Windows
Masalah ikon menu bar akibat notch
- Mulai MacBook Pro keluaran 2021, notch muncul di bagian tengah atas layar, sehingga ikon menu bar dapat tertutup oleh area notch
- Jika jumlah ikon yang ditampilkan di menu bar terlalu banyak, sebagian ikon bisa hilang di balik notch dan tidak dapat diklik
- macOS tidak menyediakan notifikasi, menu overflow, atau fitur penataan ulang ikon untuk situasi seperti ini
- Apple memang menyediakan beberapa solusi tidak langsung, tetapi belum sepenuhnya memadai
- Memindahkan ikon sistem ke Control Center, atau
- Menyesuaikan rasio layar dengan opsi “Scale to fit below camera”
- Aplikasi pihak ketiga seperti ICE dan Bartender dapat mengelola ikon menu bar, tetapi menambah kompleksitas dan beban sumber daya
- Insinyur Tailscale menyebutkan bahwa “jika didaftarkan sebagai aplikasi menu bar, macOS menentukan posisinya secara sewenang-wenang”, sehingga pengembang tidak dapat mengendalikannya
- Setelah era notch dimulai, ada pengguna yang melaporkan bahwa “Tailscale tidak berjalan”, padahal sebenarnya ikonnya tersembunyi di balik notch
Fitur deteksi ikon dan notifikasi pengguna
- Dengan memanfaatkan data
occlusionState di macOS, Tailscale dapat mendeteksi apakah ikonnya tertutup
- Bahkan saat ikon tersembunyi, pesan pop-up dapat ditampilkan untuk memberi tahu pengguna
- Isi pesan: “Ikon Tailscale tersembunyi di balik notch. Rapikan atau hapus ikon lain.”
- Peringatan ini tidak sempurna, dan bisa muncul keliru akibat pergantian layar, membuka-menutup laptop, atau menghubungkan monitor eksternal
- Meski begitu, selama periode tertentu fitur ini membantu meredakan masalah “tidak bisa menemukan pengaturan Tailscale”
Logika deteksi notch berbasis kode Swift
- Diimplementasikan kode Swift untuk mendeteksi saat aplikasi tersembunyi
- Memantau
NSWindow.didChangeOcclusionStateNotification untuk memeriksa status visibilitas ikon
- Jika nilai
occlusionState.contains(.visible) adalah false, ikon dianggap tertutup
- Pada aplikasi berbentuk jendela yang baru, kode ini tidak lagi diperlukan, tetapi masih dapat berfungsi jika opsi sembunyikan ikon Dock diaktifkan
Antarmuka berbentuk jendela baru untuk macOS
- UI berbentuk jendela yang aktif secara default mulai Tailscale 1.96.2 dapat dijalankan bersamaan dengan aplikasi menu bar
- Dapat dijalankan melalui Dock atau pencarian Spotlight
- Menampilkan fitur utama secara visual seperti daftar perangkat tailnet, status koneksi, transfer file (Taildrop), dan pemilihan Exit Node
- Fitur utama
-
Pencarian perangkat dan tampilan status koneksi
-
Fungsi Ping, salin IP, dan kirim Taildrop
-
Rekomendasi Exit Node berdasarkan latensi, performa, dan lokasi
-
Notifikasi error dengan titik merah pada ikon Dock
-
Mode ‘mini player’ yang diperkecil
- Tur fitur disediakan saat instalasi atau pembaruan
- Mereka sedang mengumpulkan umpan balik pengguna untuk menyempurnakan antarmuka, dan UI serupa untuk Windows juga sedang dikembangkan
- Tailscale menekankan arah untuk tetap mempertahankan ‘functional whimsy’ selain efisiensi fungsional
1 komentar
Komentar Hacker News
Masalah ikon menu bar tertutup notch ini benar-benar konyol
Setiap minggu, berjam-jam waktu terbuang untuk menangani email pengguna yang mengeluh aplikasi tidak berjalan atau tidak punya antarmuka
FAQ pun tidak membantu, dan ujung-ujungnya sampai ada permintaan refund bahkan chargeback, jadi kerugiannya besar
Kakakku baru-baru ini merilis aplikasi PiP sederhana bernama PiPiri, dan dalam dua hari pertama setengahnya direfund. Orang-orang salah paham mengira aplikasinya tidak berfungsi karena ikonnya tidak terlihat akibat terlalu banyak ikon
Dulu aplikasi Bartender lumayan membantu mengurangi masalah ini, tetapi perubahan API internal di macOS Tahoe membuatnya benar-benar rusak
Apple seharusnya menangani ini dengan lebih baik
Awalnya hanya Apple yang bisa menambahkan menu extra, dan pengembang harus memakai alat tidak resmi seperti MenuCracker
Belakangan API resminya memang muncul, tetapi itu ditujukan untuk item menu sementara yang hanya tampil saat aplikasi sedang berjalan
Jadi Apple menganggap ini bukan bug, melainkan tanggung jawab pengembang
Secara pribadi, menurut saya akan lebih baik jika mereka menyediakan ekstensi Control Center agar ikon yang persisten dipindahkan ke sana
Windows sudah menyelesaikan ini puluhan tahun lalu lewat menu overflow system tray, dan browser juga bisa menyembunyikan ikon ekstensi
macOS malah diam-diam menyembunyikan ikon, jadi pengguna tidak sadar ada sesuatu yang tertutup
Setiap kali beli Mac baru, aku selalu menjalankan perintah untuk mengurangi jarak antar ikon menu bar
Dengan begini, bisa menampilkan lebih dari dua kali lipat item
Sulit dimengerti kenapa Apple masih belum memperbaiki masalah ini
Fakta bahwa perusahaan besar seperti Tailscale harus mengakali masalah seperti ini menunjukkan buruknya pengelolaan perangkat lunak Apple
Aku sendiri belum mengalaminya karena ikonnya belum terlalu banyak, tapi benarkah ikon itu langsung hilang di balik notch?
Windows XP sudah menyelesaikan masalah ini 25 tahun lalu, jadi kalau macOS masih gagal menangani ini, berarti penurunan kualitasnya serius sekali
Lihat diskusi terkait di sini
Ikonnya baru terlihat kalau keluar dari jendela Rider. Lihat screenshot
Aku sedang mencari cara modern untuk mengakses jaringan rumah dari jarak jauh
Untuk memenuhi kebutuhan seperti ini, sepertinya Tailscale akan jadi komponen utama
Batas free tier juga masih cukup longgar, dan integrasi Mullvad berjalan baik
Merekomendasikan pengelola menu bar Mac Ice yang bisa menyembunyikan banyak ikon dengan menggabungkannya
Kemarin aku memasang Tailscale di VM GCP dan mengaktifkan route advertisement, lalu instance-nya bisa diping tetapi packet loss-nya tinggi
SSH tunnel tetap berjalan baik, jadi kelihatannya masalahnya ada di sisi Tailscale
Saat mencari alternatif VPN, aku bertanya ke ClaudeAI lalu jadi tahu tentang Tailscale
Bahkan di lingkungan Windows lama pun langsung berfungsi, dan pengaturannya juga sederhana
Ini juga alat yang sempurna untuk administrasi jarak jauh komputer orang tua
Karena tidak ada GUI, pengguna juga tidak akan tanpa sengaja mematikannya
Cara pemasangannya bisa dilihat di wiki resmi
Di Mac kantor, setelah memasang banyak aplikasi seperti VPN, MDM, kalender, backup, dan lain-lain, bug ini cepat sekali muncul
Memang tidak fatal, tapi tetap mengejutkan bahwa macOS masih belum menyediakan menu overflow resmi
Sebagai pengguna Linux, aku suka aplikasi GUI, tapi Tailscale di sana terasa kurang karena hanya CLI
Bahkan untuk ikon tray sederhana pun harus bergantung pada ekstensi GNOME yang penuh bug
Aku paham karena ekosistemnya terfragmentasi, tapi semoga suatu hari membaik