Z-index issues with Frozen grid column and modal

1 Answer 270 Views
Grid
Adrian
Top achievements
Rank 1
Iron
Veteran
Iron
Adrian asked on 29 Jun 2021, 04:55 PM

I am having an issue with my z-index, then freezing grid columns. 

There are obviously then becoming sticky,  which creates a new stacking context, and sticks to the nearest ancestor?  I think this may be where the problem lies. 

As a result when my fixed modal is activated this happens, and I just can't seem to fix the problem. 

Any ideas?

Thank you!

1 Answer, 1 is accepted

Sort by
0
Accepted
Marin Bratanov
Telerik team
answered on 29 Jun 2021, 08:00 PM

Hello Adrian,

Can you reproduce this problem with the sample I am attaching here? If not, does comparing against it help you solve it?

Perhaps the key thing is where you have the TelerikRootComponent defined - it needs to be high in the DOM hierarchy so popups can appear above other elements. You can read more about it here.

Regards,
Marin Bratanov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Adrian
Top achievements
Rank 1
Iron
Veteran
Iron
commented on 02 Jul 2021, 10:49 AM

Hi Marin

Thank you for your help, your TelerikBlazorApp1, helped me solve the issue.

Many Thanks
Marin Bratanov
Telerik team
commented on 03 Jul 2021, 07:11 AM

I'm glad you solved it :)
Tags
Grid
Asked by
Adrian
Top achievements
Rank 1
Iron
Veteran
Iron
Answers by
Marin Bratanov
Telerik team
Share this question
or