From 42ad24cce1afce3161e2c2da5acc809c531fccdb Mon Sep 17 00:00:00 2001
From: Psychotoxical <dev@psysonic.app>
Date: Sun, 19 Apr 2026 12:04:29 +0200
Subject: [PATCH] fix(player-bar): use data-tooltip on time toggle (not native
 title)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Native `title` attribute renders an unstyled OS tooltip and bypasses the
TooltipPortal — convention in this codebase is `data-tooltip="…"` so the
hover hint matches every other player-bar control.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/components/PlayerBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/PlayerBar.tsx b/src/components/PlayerBar.tsx
index eacb8100..bd2160df 100644
--- a/src/components/PlayerBar.tsx
+++ b/src/components/PlayerBar.tsx
@@ -322,7 +322,7 @@ export default function PlayerBar() {
                 setLocalShowRemaining(newVal);
                 useThemeStore.getState().setShowRemainingTime(newVal);
               }}
-              title={localShowRemaining ? t('player.showDuration') : t('player.showRemainingTime')}
+              data-tooltip={localShowRemaining ? t('player.showDuration') : t('player.showRemainingTime')}
             >
               {localShowRemaining ? <RemainingTime duration={duration} /> : formatTime(duration)}
               <ArrowLeftRight size={10} style={{ marginLeft: 4, opacity: 0.6 }} />