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

6 posts, 0 answers
  1. Piyushkumar
    Piyushkumar avatar
    25 posts
    Member since:
    Nov 2010

    Posted 23 Aug 2013 Link to this post

    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>
  2. Deyan Enchev
    Admin
    Deyan Enchev avatar
    60 posts

    Posted 28 Aug 2013 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Piyushkumar
    Piyushkumar avatar
    25 posts
    Member since:
    Nov 2010

    Posted 28 Aug 2013 Link to this post

    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
  5. Deyan Enchev
    Admin
    Deyan Enchev avatar
    60 posts

    Posted 29 Aug 2013 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  6. Umer
    Umer  avatar
    2 posts
    Member since:
    Dec 2008

    Posted 27 Nov 2013 Link to this post

    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


  7. Deyan Enchev
    Admin
    Deyan Enchev avatar
    60 posts

    Posted 29 Nov 2013 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017