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?
8 Answers, 1 is accepted
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.
the Telerik team
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.
Making the DIV have "position:relative" solves the problem for me.
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):
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.
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
the Telerik team
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: