Datetime picker IE 10 Compatibility View - Ctrl + Click opens another window

[Piyushkumar]

Hi,

I have placed 4 datetime pickers on a user control.

Click and open calander. Calander pops-up. Now when I Control + Click on any other date, it opens another window.

It is issue only on IE10 in compatibility mode. It does not happen on other browsers.
I have created a screen cast video to explain the issue and placed at..
http://www.youtube.com/watch?v=PdNFSde-zBg&feature=youtu.be

I have also copied the code below. 

Thanks to all who replies.

<tr>
   <td>
      <telerik:RadDateTimePicker ID="rDtpDate1" runat="server" TimeView-Columns="2" Calendar-EnableMultiSelect="false" TimeView-RenderDirection="Vertical" DateInput-SelectionOnFocus="CaretToBeginning">
         <Calendar ID="calDate1" runat="server" EnableKeyboardNavigation="true"></Calendar>
         <DateInput ID="txtDate1" runat="server" Width="105px" EnabledStyle-PaddingTop="0px" EnabledStyle-PaddingBottom="0px"></DateInput>
      </telerik:RadDateTimePicker>
   </td>
   <td>
      <telerik:RadDateTimePicker ID="rDtpDate2" runat="server" TimeView-Columns="3" Calendar-EnableMultiSelect="false" TimeView-RenderDirection="Vertical" DateInput-SelectionOnFocus="CaretToBeginning">
         <Calendar ID="calDate2" runat="server" EnableKeyboardNavigation="true"></Calendar>
         <DateInput ID="txtDate2" CssClass="std_white" runat="server" Width="105px" EnabledStyle-PaddingTop="0px" EnabledStyle-PaddingBottom="0px"></DateInput>
      </telerik:RadDateTimePicker>
   </td>
   <td>
      <telerik:RadDateTimePicker ID="rDtpDate3" runat="server" TimeView-Columns="3" Calendar-EnableMultiSelect="false" TimeView-RenderDirection="Vertical" DateInput-SelectionOnFocus="CaretToBeginning">
         <Calendar ID="calDate3" runat="server" EnableKeyboardNavigation="true"></Calendar>
         <DateInput ID="txtDate3" CssClass="std_white" runat="server" Width="105px" EnabledStyle-PaddingTop="0px" EnabledStyle-PaddingBottom="0px"></DateInput>
      </telerik:RadDateTimePicker>
   </td>
   <td>
      <telerik:RadDateTimePicker ID="rDtpDate4" runat="server" TimeView-Columns="3" Calendar-EnableMultiSelect="false" TimeView-RenderDirection="Vertical" DateInput-SelectionOnFocus="CaretToBeginning">
         <Calendar ID="calDate4" runat="server" EnableKeyboardNavigation="true"></Calendar>
         <DateInput ID="txtDate4" CssClass="std_white" runat="server" Width="105px" EnabledStyle-PaddingTop="0px" EnabledStyle-PaddingBottom="0px"></DateInput>
      </telerik:RadDateTimePicker>
   </td>
</tr>

[Deyan Enchev]

Hi Piyushkumar,

I was not able to reproduce the described behavior using the markup you have provided. I am attaching a sample project with just one basic RadDatePicker that I use for local testing. You can try reproducing the problem and in case you are able to do it, please enumerate the exact steps which I need to follow in order to observe the issue. I would also need the exact RadControls version that you are using.

In addition, you need to have in mind that Ctrl+Click is one of the Internet Explorer’s keyboard shortcuts. What it does is opening links in a new tab in the background. Here, under Tabs node, you can read more about all of the supported IE keyboard shortcuts.

Another suggestion is to enable your browser’s script debugging which will let you catch any JavaScript errors that may be occurring.

Regards,
Deyan Enchev
Telerik

[Piyushkumar]

Hi,

Your following comments explains the cause of the issue. Thank you. That will be enough for now.
       "In addition, you need to have in mind that Ctrl+Click is one of the Internet Explorer’s
         keyboard shortcuts. What it does is opening links in a new tab in the background.
         Here, under Tabs node, you can read more..."


Since the issue is not consistent, not sure what initiates it.
It is not show-stopper, however here are steps to replicate it on Telerik website if someone can find some workaround.

 1. I have replicated on IE 10 Compatibility view.
 2. Open Telerik Online Demo for Calander --> http://demos.telerik.com/aspnet-ajax/calendar/examples/overview/defaultcs.aspx
 3. Click "Time Picker / Date Picker"
 4. Click "AutoPostBackControl Property"
 5. Click "Both" Radio Button under heading "Make postback on change of:"
 6. Ctrl + Click Calander icon  OR  click on calander icon and Ctrl + Click on any date on pulled out menu 
     (It opens another Telerik window)
 7. Click "None" Radio Button 
 8. Ctrl + Click Calander icon  OR  click on calander icon and Ctrl + Click on any date on pulled out menu 
     (It opens another Telerik window)

Thanks,
Piyush

[Deyan Enchev]

Hi Piyushkumar,

We have confirmed that the experienced behavior is not caused by our controls. Attached you can see a sample which I have created that demonstrates the described behavior when using standard UpdatePanel and Button controls. Note that the project does not include any Telerik controls.

You are observing this issue because of the way IE handles on click events when combined with a postback. In this case the href attribute returns a link. In our demo you can reproduce this because the configurator's RadListButton controls do postback on a selection change.

Typically browsers like FF and Chrome handle on click events combined with post back differently. Therefore you will see this issue only in IE browsers and it can be considered to be a browser behavior.

Regards,

Deyan Enchev
Telerik

[Umer]

Hi Deyan Enchev / ,Piyushkumar

I am also facing same problem in IE version 10.  RadDateTimePicker is working fine in IE version 8, Mozilla Firefox and Google Chrome but not working on IE version 10. Kindly check.

Thanks
Umer

[Deyan Enchev]

Hi Umer,

Could you be more specific to what exactly are you referring with “...RadDateTimePicker is not working on IE version 10...”? Is there an error you get, is the picker itself not picking the date correctly or it is not displaying it properly?

I am attaching a simple project that contains on RadDateTimePicker. Using it I cannot find any abnormalities or issues related to IE10 or any other of the supported by our RadControls browsers.

You can try reproducing the problem and in case you are able to do it, please enumerate the exact steps which one needs to follow in order to observe the issue. I would also need the exact RadControls version that you are using. This way I can get back to you with more straight to the point answers


Regards,
Deyan Enchev
Telerik