Row edit overlay flies outside the grid when scrolling

[Hristo313]

Description

Go to a hierarchical grid with row editing on child
Start edit in the child
Start scrolling
The row edit overlay goes outside the grid when scrolling

Framework

Angular

Angular Version

latest

Ignite UI for Angular Version

latest

Component / Area

Hierarchical Grid

Browser

Chrome

Operating System

No response

Command Not Working

Steps to Reproduce

1. Go to a hierarchical grid with row editing on child
2. Start edit in the child
3. Start scrolling

Actual Result

The row edit overlay goes outside the grid when scrolling:

Expected Result

The row edit overlay should be hidden with the current child grid when scrolling down/up.

Reproduction URL

No response

Attachments

IgniteuiDevDemos.-.Google.Chrome.2026-05-14.17-06-54.mp4

No response

[georgianastasov]

Just adding a note for reference: I was able to reproduce this issue only on master(22.0.x) and 21.2.x, for 20.1.x, everything works as expected.