telerik
Not possible to select Tuesday in DatePicker (triggers scrolling instead)
Ticket ID: 1580067
Clicking over any Tuesday triggers scrolling of the DatePicker instead of selection of this day in Material theme.
video: http://somup.com/c3QqDoUgOa
Steps to reproduce:
- Open https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/appearance/
- Try to select any Tuesday from the loaded month. Result: The calendar is scrolled and no date is selected. The hovering does not work as well.
It seems that the latest Chrome version does not handle elements with overflow: hidden; properly.
What currently happens is that Chrome thinks that the user clicks on the scrollbar of the .k-calendar-navigation element... scrollbar that shouldn't be accessible at all as it is a hidden element:
A temporary workaround (until we fix it officially in our Kendo Themes) is to use the following CSS code (can be seen in action in this Stackblitz example):
.k-calendar-navigation { z-index: 1; }
