[Solved] DatePicker disappears in IE6

[rino]

Hi,
In IE6, I have a DatePicker in an editor template (e.g. Date.ascx) inside the Grid editor template. The grid editor template is loaded a pop up. After selecting a date, and move to other controls, the datepicker disappears.

This demo http://demos.telerik.com/aspnet-mvc/grid/editingserverside has the same issue in IE6.

Is there a fix or work around?

[rino]

It seems the problem was fixed in v2011.1.315

[Craig Fisher]

I'm still seeing this problem with 2011.1.315.

[Atanas Korchev]

Hello Craig Fisher,

I cannot reproduce that problem in our online demo (which are using the Q1 2011 SP1 release). Do you reproduce it there?

 I am sending a screenshot which shows how things look.

Regards,
Atanas Korchev
the Telerik team

[Craig Fisher]

Yes, I see it in that demo.
I think the problem only occurs when the control is used inside a scrolling DIV. It is getting rendered at the wrong vertical position - not inside the div. And it doesn't move as the DIV content is scrolled.

I've seen the same non-scrolling problem with dropdown and grid used within a scrollable DIV also.

[Craig Fisher]

Ahh...found the solution in another thread on here.
Making the DIV have "position:relative" solves the problem for me.

[Gerard]

Hi,

I'm having the same issue: using the DatePicker in a grid, in popup edit mode, on IE 6. When you select a date, the DatePicker disappears until you click on the place where it is supposed to be, or sometimes set the focus to another item.

I looked at the difference between my code (using 2011.3.1115) and the demo. Narrowing the differences in the styles, I found that if I add the following to the CSS in my application, the problem is solved (the demo does define a value for the width):

.t-edit-form-container
{
    width: 260px;
}

Now, this is not a good option as the width could be different for different grids (I have a lot of them in my application).

Any suggestions are welcome.

[Dimo]

Hello Gerard,

What the width does is to trigger hasLayout for the edit form container. You can achieve the same effect with other CSS styles such as

display: inline-block;
or
zoom: 1;

Regards,
Dimo
the Telerik team

[Greg]

I'm have a similar problem, but on a date picker attached to a text box.  In compatibility mode the whole column disappears.  How would I check for the hasLayout issue?


Update:  There is a colum before the date picker with the .Hidden() attribute.  Replacing it with .Width(0) fixes it.  Why  would that be?

Before and after attached: