Telerik Blazor drawer not allowing content to overflow

1 Answer 210 Views
Drawer
Christopher
Top achievements
Rank 1
Iron
Christopher asked on 15 Jun 2022, 01:52 PM
Hello, I'm currently using the Telerik drawer as a static menu on the left of our project. We're using the template to customize the components being loaded into the drawer and would like the upper most component (profile image) to extend about 50% out of the drawer and into our header. You can view the look we want to accomplish from the drawerWant image and view the behavior we're currently getting from the drawerHave image. 
Benjamin
Top achievements
Rank 2
Iron
commented on 16 Jun 2022, 07:49 AM

Looks like an z-index issue for me.

Have you tried adding the css attribute z-index for your image to a higher one than the z-index of the profile image?

1 Answer, 1 is accepted

Sort by
0
Christopher
Top achievements
Rank 1
Iron
answered on 16 Jun 2022, 02:02 PM
I was able to fix this issue by setting overflow: visible for each of the following selectors (k-drawer, k-drawer-wrapper, k-drawer-item)
Tags
Drawer
Asked by
Christopher
Top achievements
Rank 1
Iron
Answers by
Christopher
Top achievements
Rank 1
Iron
Share this question
or