PrompteryxBeta
    ⌘K
    PlatformSupport
    Menu
    IntroductionInstall Desktop & extensionQuick StartPlatform Overview
    OverviewWhat you can makeAI Browser Agent in the chatModels and AutoConnectorsSchedulesProjectsExplore and publishingShare linksMemory and SkillsPersonal agent (beta)Welcome, settings and skinsPlans, credits and top-upsPrompteryx DesktopGroups (pilot)Phone app (early access)
    OverviewCreating WorkflowsTesting & DebuggingScheduling
    OverviewGetting StartedCommandsRecordingSettingsStructured OutputParallel AgentsTips & Best Practices
    OverviewInstallationSidebar AgentUsing Attached FilesExecute on Current TabExporting to Visual Studio
    Overview
    OverviewOpen PageClickClick CoordinatesFillExtract TextScreenshotWaitPress KeyFocus ElementBlur ElementSelect TextHighlight ElementSet ViewportGet Bounding BoxScrollHoverSelect OptionAssertionsCookiesEvaluate JavaScriptExample Workflows
    OverviewPrompteryx Browser AgentOpenAI
    OverviewSchedule TriggerWebhook Trigger
    OverviewGoogle SheetsGoogle CalendarConnect Hub (3,000+ apps)Example Workflows
    AI Vision SettingsChrome Automation ProfilesCloud BrowserBrowser Profiles & Persistent ContextVideo RecordingExecution LogsSharing & CollaborationEdit History
    Selectors GuideVariables
    Start hereGet an API keyRun the AI browser agentDrive a cloud browserRun workflows from anywhereUse connected apps (Connect Hub)SDK (TypeScript)CLIMCP for AI assistants
    REST APIWebhooksMCP toolsCloud Browser APICloud Browser quickstartMigrate from Browserbasen8nZapierMake.com

    Need help? Contact Support

    1. Documentation
    3. Nodes
    5. Browser Actions
    7. Hover

    Hover Node

    Browser Node

    Move mouse cursor over elements to trigger hover effects

    Overview

    The Hover node moves the mouse cursor over a specified element, triggering any CSS hover states or JavaScript mouseover events. This is essential for interacting with dropdown menus, tooltips, and other hover-activated UI components.

    Parameters
    Configuration options for this node
    selector
    Selector
    Required

    CSS selector or Playwright locator for the element to hover over

    Example: .dropdown-trigger, #menu-button, getByRole('button', { name: 'Menu' })
    timeout
    Number

    Maximum time to wait for the element in milliseconds

    Default: 30000
    force
    Boolean

    Force hover even if element is not visible or actionable

    Default: false
    modifiers
    Multi-select

    Modifier keys to hold while hovering: Shift, Control, Alt, Meta

    Example: Shift
    trial
    Boolean

    Only perform the actionability checks, without hovering

    Default: false
    selector_fallbackEnabled
    Boolean

    Enable automatic fallback to alternative selectors

    Default: true

    Common Use Cases

    Opening Dropdown Menus

    Many navigation menus only appear when you hover over a parent element. Use Hover to reveal these menus before clicking on items inside them.

    Selector:.nav-item.has-dropdown
    Revealing Tooltips

    Hover over info icons or buttons to reveal tooltips containing additional information that can be extracted or verified.

    Selector:[data-tooltip], .info-icon
    Triggering Preview Panels

    Some e-commerce sites show product previews, quick-view panels, or enlarged images on hover. Use Hover to trigger these before taking screenshots or extracting data.

    Usage Examples

    Example 1: Open Navigation Dropdown
    Reveal dropdown menu to click a submenu item

    Workflow sequence:

    1. Hover over "Products" menu item
    2. Wait for dropdown to appear (Wait for Element)
    3. Click on "Electronics" submenu item
    Example 2: Extract Tooltip Content
    Hover to reveal tooltip, then extract its text

    Workflow sequence:

    1. Hover over the info icon
    2. Wait for tooltip to appear
    3. Extract Text from .tooltip-content

    Best Practices

    Add Wait After Hover
    Dropdown menus and tooltips often have animations. Add a short Wait (200-500ms) or Wait for Element after hovering to ensure the content has fully appeared.
    Hover Before Clicking Hidden Items
    When clicking on items inside dropdown menus, always hover over the parent first to make the menu visible, then click on the target item.

    Related Documentation

    Click Node

    Click after revealing elements

    Wait Node

    Wait for hover effects

    Extract Text Node

    Extract tooltip content

    Selectors Guide

    Master element selection