Skip to content

[Elements] Action strip menu closes on hover when moving from row to menu #16850

@IMinchev64

Description

@IMinchev64

Description

In Elements, when action strip is configured with menu items (as-menu-items="true"), moving the cursor from the row to the opened menu causes the action strip to hide, which immediately closes the menu.

  • igniteui-angular version: any
  • browser: any

Steps to reproduce

  1. In index.html, set the first grid action strip to menu mode (e.g., as-menu-items="true" on pinning/editing actions).
  2. Run the elements sample. (npm run start:elements)
  3. Hover a grid row so the action strip appears.
  4. Click the action strip menu (three‑dots) to open it.
  5. Move the mouse from the row to the menu panel.

Result

The action strip hides as soon as the mouse leaves the row, which closes the menu before you can interact with it.

Expected result

The action strip should stay visible (or the menu should stay open) while the cursor is over the menu, allowing the user to select menu items.

Attachments

IgniteuiAngularElements.-.Google.Chrome.2026-02-03.10-15-35.mp4

Metadata

Metadata

Labels

🐛 bugAny issue that describes a bug💠 grid: elements✅ status: resolvedApplies to issues that have pending PRs resolving them, or PRs that have already merged.action-strip

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions