When leaving row hover igx-action-strip stays visible until cursor leaves the grid component.

[njaysoftware]

Description

When using an igx-action-strip component inside of an igx-grid the action strip will stay visible after the cursor is no longer over a row. This is best seen when the grid is partially empty and has white space at the bottom. The expected behavior is that when the cursor is no longer over a row that row should not display the igx-action-strip component anymore.

Please find a stackblitz of the issue and the attached screenshots.

• igniteui-angular version: "^13.2.8"
• browser: Google Chrome 105.0.5195.52 (Official Build) (64-bit) (cohort: Stable)

Steps to reproduce

(There is a working example in the stackblitz above)

1. Create a partially empty grid with an igx-action-strip
2. hover cursor over last row in grid and observe the presense the igx-action-strip content.
3. Move the cursor down until it is no longer over the last row but still hovering over the grid.
4. Observe that the igx-action-strip content is still visible on the last row.
5. Move cursor out of the grid and observe that the igx-action-strip content is no longer visible.

• It also occurs when hovering over the first row and moving the cursor up over the column headers.

Result

What is the actual result after following the steps to reproduce?

You should see the igx-action-strip stay visible even if the cursor is not over that row but still hovering over the grid. (see first screen shot below.

Expected result

What is the expected result after following the steps to reproduce? The expected behavior is the igx-action-strip content should be hidden once the cursor leaves the row.

Attachments

Attach a sample if available, and screenshots, if applicable.

StackBlitz Example