This is a migrated thread and some comments may be shown as answers.

Z-Index incorrect when Datepicker used on Dialog

1 Answer 2569 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Keith
Top achievements
Rank 1
Keith asked on 09 Jul 2018, 09:38 AM

I have a problem where if I add a datepicker to a dialog the datepicker always appears behind the dialog.

See here for an example:

https://plnkr.co/edit/XIAgXksJLimneb3NDXAg?p=preview

 

I basically took the following example from your portal and added a datepicker

https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-external-form/

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 10 Jul 2018, 08:04 AM
Hеllo, Keith,

This is due to the z-index differences.

The DatePicker popup is inside an animation container with z-index 100 where the Dialog has z-index 10001. This is already logged in our issue tracker:

https://github.com/telerik/kendo-react/issues/45

The workaround is changing the z-index of the animation container or the Dialog wrapper.

As this post was made before the issue is opened, I added Telerik points for bringing this to our attention.

Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
General Discussions
Asked by
Keith
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or