Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
235
WebDateTimeEdit - Unexpected SelectionOnFocus behavior on IE9
posted

Hi,

I'm using in a ASP.Net page a couple of WebDateTimeEdit controls (v10.3 build 2120) in order to display the time info. I try to increment by 1 value the hours zone by clicking on the up spin button. So I set the SelectionOnFocus property to the CaretToBeginning value. The problem is when hit the button several times at the first hit the control increments the minutes value and only then the hours value.

Here are the steps to reproduce the issue:

Step No.

Action

Control behavior

1

Hit the up spin button

The WebDateTimeEdit  control fills up with the current OS time value (17:06) and sets the caret to the beginning

2

Press the TAB key

The WebDateTimeEdit loose the focus

3

Hit the up spin button

The WebDateTimeEdit  control increments the minutes value (17:07) and sets the caret to the beginning

4

Hit the up spin button

The WebDateTimeEdit  control increments the hours value (18:07)

As you can see at the step no. 3 the spin command increments wrong value, minutes instead of hours.

 

This can be reproduced with a simple sample application as I posted bellow. Note there is no server side code, just the declarative tags. There is a dummy button in the page only to send it the focus.

NOTE: This is happenning on the IE9, on Firefox 10 is working just fine. 

 

  • 235
    posted

    Here is the entire body tag content:

        <form id="form1" runat="server">
        <div>
            <igtxt:WebDateTimeEdit ID="TimeDuration" runat="server" Width="54px" BorderColor="#404040"
                BorderStyle="Solid" BorderWidth="1px" NullText="??.??" DisplayModeFormat="HH:mm"
                    EditModeFormat="HH:mm" UseBrowserDefaults="False"
                    SelectionOnFocus="CaretToBeginning">
                    <ButtonsAppearance CustomButtonDefaultTriangleImages="Normal">
                        <ButtonPressedStyle>
                            <BorderDetails ColorTop="64, 64, 64" ColorBottom="240, 240, 240" ColorRight="240, 240, 240"
                                ColorLeft="64, 64, 64"></BorderDetails>
                        </ButtonPressedStyle>
                        <ButtonStyle BorderWidth="1px" BorderColor="#F0F0F0" BorderStyle="Solid" BackColor="Control">
                            <BorderDetails ColorBottom="64, 64, 64" ColorRight="64, 64, 64"></BorderDetails>
                        </ButtonStyle>
                    </ButtonsAppearance>
                    <SpinButtons Display="OnRight" EnsureFocus="True"></SpinButtons>
                    <BorderDetails ColorBottom="240, 240, 240" ColorRight="240, 240, 240"></BorderDetails>
            </igtxt:WebDateTimeEdit>
            <asp:Button ID="Button1" runat="server" Text="Button" />         
        </div>
        </form>