- Pour résoudre le problème des icônes de la barre de menus masquées par l’encoche des MacBook, Tailscale introduit une nouvelle interface fenêtrée pour macOS
- Au départ, l’entreprise utilisait une solution provisoire avec des notifications pop-up lorsque l’icône se retrouvait cachée derrière l’encoche, mais elle passe désormais à une UI autonome complète
- La nouvelle interface est activée par défaut à partir de la version 1.96.2 et présente visuellement des fonctions clés comme Taildrop, Exit Node et la découverte des appareils
- La logique de détection du masquage de l’icône de la barre de menus est toujours conservée afin d’éviter que les utilisateurs ne perdent l’icône de vue
- Ce changement améliore l’expérience utilisateur sur macOS et devrait ensuite s’étendre au développement d’une interface similaire pour Windows
Le problème de l’encoche des MacBook et la nouvelle interface macOS de Tailscale
- Tailscale est censé fonctionner de façon presque invisible lorsqu’il connecte tous les appareils d’un utilisateur, mais le design à encoche de certains MacBook faisait disparaître son icône de la barre de menus
- Pour y remédier, deux approches ont été introduites : un système de notification temporaire et une nouvelle interface fenêtrée pour macOS
- Au début, l’approche consistait à avertir l’utilisateur lorsque l’icône était cachée derrière l’encoche, puis une UI autonome complète a été ajoutée pour améliorer l’accessibilité et les fonctionnalités
- La nouvelle interface est activée par défaut à partir de la version 1.96.2 et présente visuellement des fonctions clés comme Taildrop, Exit Node et la découverte des appareils
- Cette évolution améliore l’expérience utilisateur sur macOS et devrait mener à terme au développement d’une interface similaire pour Windows
Le problème des icônes de la barre de menus causé par l’encoche
- À partir du MacBook Pro 2021, l’apparition d’une encoche au centre de la partie supérieure de l’écran a entraîné un phénomène où les icônes de la barre de menus se retrouvent masquées dans la zone de l’encoche
- Lorsqu’il y a trop d’icônes à afficher dans la barre de menus, certaines disparaissent derrière l’encoche et deviennent impossibles à cliquer
- macOS ne fournit ni notification, ni menu de débordement, ni fonction de réorganisation des icônes pour ce cas de figure
- Apple a proposé quelques solutions indirectes, mais elles restent incomplètes
- déplacer les icônes système vers le Control Center
- ou ajuster le ratio d’affichage avec l’option « Scale to fit below camera »
- Des applications tierces comme ICE et Bartender peuvent gérer les icônes de la barre de menus, mais elles ajoutent de la complexité et consomment des ressources supplémentaires
- Un ingénieur de Tailscale explique que « lorsqu’on s’enregistre comme application de barre de menus, macOS décide arbitrairement de la position », ce qui échappe au contrôle des développeurs
- Après l’arrivée de l’encoche, des utilisateurs ont signalé que « Tailscale ne s’exécute pas », alors qu’en réalité l’icône était simplement cachée derrière l’encoche
Détection de l’icône et notifications aux utilisateurs
- Grâce aux données
occlusionState de macOS, il est possible de détecter si l’icône de Tailscale est masquée
- Même lorsque l’icône est cachée, un message pop-up peut être affiché pour avertir l’utilisateur
- Message : « L’icône Tailscale est cachée derrière l’encoche. Veuillez réorganiser ou supprimer d’autres icônes. »
- Cet avertissement n’est pas parfait et peut s’afficher à tort à cause de changements d’écran, de l’ouverture ou fermeture du capot, ou du branchement d’un moniteur externe
- Il a néanmoins permis pendant un certain temps d’atténuer le problème des utilisateurs qui « ne trouvent pas les réglages Tailscale »
Logique de détection de l’encoche basée sur du code Swift
- Du code Swift a été implémenté pour détecter quand l’application est masquée
- surveillance de
NSWindow.didChangeOcclusionStateNotification afin de vérifier l’état de visibilité de l’icône
- si la valeur
occlusionState.contains(.visible) est false, l’icône est considérée comme masquée
- Dans la nouvelle application fenêtrée, ce code n’est plus nécessaire, mais il peut toujours fonctionner si l’option masquer l’icône du Dock est activée
La nouvelle interface fenêtrée pour macOS
- L’UI fenêtrée activée par défaut à partir de Tailscale 1.96.2 peut fonctionner en parallèle de l’application de barre de menus
- elle peut être lancée depuis le Dock ou via la recherche Spotlight
- elle présente visuellement les fonctions principales, comme la liste des appareils du tailnet, l’état de connexion, le transfert de fichiers (Taildrop) et la sélection d’un Exit Node
- Principales fonctions
-
Découverte des appareils et affichage de l’état de connexion
-
Ping, copie d’IP et envoi via Taildrop
-
Recommandations d’Exit Node selon la latence, les performances et l’emplacement
-
Signalement des erreurs par un point rouge sur l’icône du Dock
-
Mode « mini-player » minimisé
- Visite guidée des fonctions lors de l’installation ou d’une mise à jour
- L’équipe recueille les retours des utilisateurs pour améliorer l’interface et développe aussi une UI similaire pour Windows
- Tailscale souligne sa volonté de préserver, en plus de l’efficacité fonctionnelle, une forme de « functional whimsy »
1 commentaires
Commentaires Hacker News
Le problème des icônes de barre de menus masquées à cause de l’encoche est vraiment absurde
Chaque semaine, je perds des heures à traiter des e-mails d’utilisateurs qui se plaignent que l’app ne se lance pas ou qu’elle n’a pas d’interface
La FAQ ne suffit pas à résoudre le problème, et ça finit même en demandes de remboursement ou en chargebacks, ce qui coûte cher
Mon frère a récemment lancé une petite app PiP appelée PiPiri, et la moitié des achats des deux premiers jours ont été remboursés. Les gens pensaient qu’elle ne marchait pas parce qu’elle n’était pas visible à cause du trop grand nombre d’icônes
Avant, l’app Bartender atténuait ce problème, mais elle a été complètement cassée par les changements d’API internes de macOS Tahoe
Apple aurait dû mieux gérer ça
À l’origine, seul Apple pouvait ajouter des extras de menu, et les développeurs devaient passer par des outils non officiels comme MenuCracker
Plus tard, une API officielle est apparue, mais elle était prévue pour des éléments de menu temporaires qui ne s’affichent que pendant l’exécution de l’app
Donc Apple considère que ce n’est pas un bug, mais la responsabilité des développeurs
Personnellement, je pense qu’Apple devrait proposer une extension du Control Center pour y déplacer les icônes persistantes
Windows a résolu ça depuis des décennies avec le menu de débordement de la zone de notification, et les navigateurs permettent aussi de masquer les icônes d’extensions
Sur macOS, les icônes sont simplement masquées en silence, donc l’utilisateur ne sait même pas que quelque chose est caché
À chaque fois que j’achète un nouveau Mac, j’exécute une commande pour réduire l’espacement des icônes dans la barre de menus
Ça permet d’afficher plus de deux fois plus d’éléments
Je ne comprends pas qu’Apple n’ait toujours pas corrigé ça
Le fait qu’une grande entreprise comme Tailscale doive contourner ce problème montre à quel point Apple gère mal son logiciel
Je n’ai pas encore assez d’icônes pour l’avoir vécu, mais les icônes disparaissent-elles vraiment simplement derrière l’encoche ?
Même Windows XP avait résolu ce problème il y a 25 ans, donc le fait que macOS n’y arrive pas montre une baisse de qualité inquiétante
Voir cette discussion ici
Il faut que je quitte la fenêtre de Rider pour voir les icônes. Voir la capture d’écran
Je cherche une méthode moderne pour accéder à mon réseau domestique à distance
Pour répondre à tous ces besoins, Tailscale semble sans doute être l’élément clé
Il me reste encore de la marge sur la limite du palier gratuit, et l’intégration avec Mullvad fonctionne bien
Je recommande Ice, un gestionnaire de barre de menus Mac qui permet de regrouper et masquer plusieurs icônes sous une seule
Hier, j’ai installé Tailscale sur une VM GCP et activé l’advertising de routes, mais même si je peux ping l’instance, le taux de perte de paquets est élevé
Le tunnel SSH fonctionne bien, donc le problème semble venir de Tailscale
Je cherchais une alternative aux VPN, puis j’en ai entendu parler via ClaudeAI
Ça a fonctionné immédiatement même sur un vieil environnement Windows, et la configuration était simple
C’est aussi un outil parfait pour l’administration à distance de l’ordinateur de mes parents
Comme il n’y a pas d’interface graphique, l’utilisateur ne peut pas l’arrêter par erreur
Voir le wiki officiel pour l’installation
Sur un Mac d’entreprise, dès qu’on installe plusieurs apps comme un VPN, un MDM, un calendrier ou un outil de sauvegarde, ce bug apparaît très vite
Ce n’est pas bloquant, mais c’est étonnant que macOS ne propose toujours pas de menu de débordement officiel
En tant qu’utilisateur Linux, j’aime les apps GUI, donc je trouve dommage que Tailscale soit essentiellement limité au CLI
Même une simple icône de tray dépend d’une extension GNOME pleine de bugs
Je comprends que l’écosystème soit fragmenté, mais j’espère que ça s’améliorera un jour