Tooltips brauchen eine Verzögerung – und dann müssen sie sie überspringen
Tooltips need a delay, and then they need to skip it
Auf den Frageseiten von FrontPrep zeigten Tooltips Firmennamen neben Interviewfragen an. Eine 0ms-Verzögerung führte dazu, dass Tooltips bei jeder Mausbewegung über Logos sofort aufpoppten. Eine 200ms-Verzögerung löste das Problem, machte aber das Wechseln zwischen Logos zäh. Die Lösung: Nach dem Schließen eines Tooltips startet ein 300ms-Timer. Bewegt man die Maus innerhalb dieses Zeitfensters über ein anderes Logo, öffnet sich der Tooltip sofort. Nach Ablauf des Timers greift wieder die 200ms-Verzögerung. Der Artikel erklärt die Implementierung mit React und Radix und bietet einen Claude-Skill zur Überprüfung eigener Codebasen.
Ein Klick ist immer beabsichtigt, ein Hover jedoch nicht.