Hover Card Disabler

WHAT IT DOES

Hover Card Disabler is a browser extension that disables hover cards, tooltips, popups, and other hover-triggered elements on any webpage. When you hover over links, images, usernames, or avatars, many websites display popup cards with additional information—this tool prevents those from appearing. You can choose which elements to target: links, images, usernames, avatars, or custom elements using a CSS selector. The feature can be toggled on or off at any time, and settings are saved per website. The tool is ideal for users who find hover popups distracting, want to reduce clutter, or prefer a cleaner browsing experience.

WHERE IT RUNS

Hover Card Disabler runs on any webpage, overlaying a floating panel that does not interfere with page content. It operates entirely in your browser as a lightweight userscript, modifying CSS and removing hover-related attributes. It works on any page, whether static or dynamic, with no external dependencies. All settings are stored locally using GM_setValue—no data is ever sent to any server.

HOW TO USE

After installation, open the floating panel by clicking the extension icon. The panel shows the current status (Enabled or Disabled) and a toggle button to enable or disable the feature. Select which elements to target using the checkboxes: Links, Images, Usernames, and Avatars. Enter a custom CSS selector in the "Custom selector" field and click Apply to target additional elements. Click the "Reapply" button to manually reapply the disabling if new elements appear on the page. The settings are saved per website, so your preferences persist across visits. When enabled, hover cards and popups are hidden or prevented from appearing on the selected elements.

REAL MECHANISM — WHY THIS WORKS

Most hover card disabling tools rely on removing hover event listeners or overriding CSS classes. Hover Card Disabler uses a multi-layered approach to disable hover cards comprehensively. First, it removes inline hover event handlers (onmouseover, onmouseenter, onmouseleave, onmouseout) from target elements. Second, it removes hover-related attributes like data-hover, data-popover, data-tooltip, and aria-describedby. Third, it injects high-specificity CSS rules that set pointer-events: none on target elements, preventing hover interactions entirely, and display: none on any popup or tooltip elements. Fourth, it targets common popup containers and hides them. The tool also uses a MutationObserver to watch for dynamically added elements and automatically applies the disabling to new content. The custom selector allows users to target any additional elements not covered by the default options. This approach ensures comprehensive, reliable, and fully private hover card disabling without requiring any external services or network access.

THE PANEL

The floating panel is fully draggable and remembers its position per site, snapping to the edges of the viewport when dragged near them. You can collapse the panel to a small icon to minimize screen distraction and expand it back with a single click. The panel is resizable from the bottom-right corner, giving you more space to view controls. Press the Escape key to close the panel instantly. The panel remains open across page navigation within the same domain, maintaining your current view state. All preferences—panel position, enabled state, target elements, and custom selector—are saved per domain for a seamless experience.

PLEASE NOTE

Hover Card Disabler requires the free BotGentz extension to be installed and enabled, as it relies on the cross-extension messaging API provided by BotGentz for DOM access permissions. The tool uses pointer-events: none on target elements, which prevents all hover interactions, including hover-based CSS effects that may be desired. The custom selector allows targeting of additional elements, but may also affect elements you want to keep interactive. The tool does not prevent popups triggered by click events. All settings are stored locally in your browser using GM_setValue. No page content, hover data, or usage information is ever sent to any server. The extension does not read, store, or transmit any personal information. It only modifies CSS and DOM attributes at your request.