← Back to Catalog

Hover detail overlay timing

hover-detail-overlay-timing

Hover detail overlay timing — 0.5 s delay on mouseover; close immediately on mouse-out.

Description

Hover detail overlays should appear after a 0.5 second mouseover delay and close immediately on mouse-out. Instant open causes flicker as the pointer crosses the target; delayed close leaves stale overlays hanging over content. The half-second delay filters accidental passes while still feeling responsive for intentional hover. Apply this timing to hover detail layers; click-triggered popovers follow different open and close rules.

When to use

Hover detail overlays that enrich content without leaving the page.

Not when

Click-driven popovers or menus that are not hover detail overlays.

Agent hint

Delay overlay open 0.5 s on hover; close immediately when the pointer leaves.

Pass

Detail overlay appears after 0.5 s hover; closes immediately on mouse-out.

Fail

Instant open, delayed close, or no 0.5 s delay.

Citations

Ant Design — Stay on the Page

https://ant.design/docs/spec/stay

Open UX · cited UX rules agents audit against

Privacy · Sources ·