[Solved] DatePicker bug with BODY or HTML set to overflow:hidden

[Jonathan]

I found a DatePicker bug where, if the BODY or HTML element is set to overflow:hidden, the calendar, if at the bottom of the page, will overflow the window.

I'm not sure this is the most efficient fix, but this is what I've add to telerik.datepicker.js (line 278) as a workaround:

var isParentsOverflowHidden = $calendar.parents().filter(function () { return $(this).css('overflow') == 'hidden' || $(this).css('overflow-y') == 'hidden'; }).length > 0;

if (isParentsOverflowHidden && elementPosition.top + $calendar.outerHeight() > $(window).height())
    $t.fx._wrap($calendar).css('top', $(window).height() - $calendar.outerHeight());

I tested in Chrome 9.0.597.98, FF3.5 and IE8. Feedback welcomed.

Cheers,
Jonathan

[Dimo]

Hi Jonathan,

Since the Date/Time pickers currently have no screen boundary detection, your workaround is sensible.

Greetings,
Dimo
the Telerik team

[Jonathan]

Thanks, Dimo.

Do you know if the Telerik team has any plans to incorporate boundary detection in a future version the the mvc extensions?

[Dimo]

Hi Jonathan,

We will consider implementing such a behavior in the future, based on customer demand and our priorities.

Best wishes,
Dimo
the Telerik team