Issue with RadNumeric Text box (for Latest Telerik DLL)

[Ajay]

Dear Telerk Support,

 I have been using latest Telerik Control (i.e. UI for ASP.NET AJAX Q1 2015 [2015.1.401.40]) within one of my project.

 The problem I'm having is with RadNumeric Text Box.

 My RadNumeric text box is as defined below:

<telerik:RadNumericTextBox SkinID="UnitRadNumericTextBox" runat="server"
      Font-Size="12px" style="vertical-align: middle;border-top:1px solid #cccccc; border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;border-left:1px solid #cccccc;background-color: #fff;" Font-Names="Trebuchet MS"  Height="22px" Border="1px solid #8384a0"
     Value="0.00" NumberFormat-DecimalDigits="2"
     Width="92%" MinValue="1" MaxValue="9999.99" >
    <FocusedStyle HorizontalAlign="Right" />
    <EnabledStyle HorizontalAlign="Right" />
</telerik:RadNumericTextBox>

 

Problem here is that, for this new DLL, when I click on this RadNumeric TextBox, 0  does not gets selected as whole as it was earlier when we press TAB to redirect to this RadNumeric Textbox.

 Actually , when we click on this text box & write 1, it becomes 10 & not 1.

 This is the problem in new DLL, when I reverted my entire package to old DLL (i.e. 2015.1.225.40) it all went good.

Please help.

 Thanks

 Ajay

[Viktor Tachev]

Hi Ajay,

Similar issue to the one you describe was observed in Chrome. Please ensure that you have the latest version of Chrome running.

In case the issue persists you can try to cancel the mouseup event as a workaround.

<telerik:RadNumericTextBox ID="RadNumericTextBox1" SkinID="UnitRadNumericTextBox" runat="server" onmouseup="event.preventDefault(); return false;"
    Value="0.00" NumberFormat-DecimalDigits="2" SelectionOnFocus="SelectAll"
    Width="92%" MinValue="0" MaxValue="9999.99">
</telerik:RadNumericTextBox>

Regards,
Viktor Tachev
Telerik

 

 

[RBarnes]

 

Version Q1 2015 [2015.1.401.40] 

I am seeing the same issue with Chrome only, RadnumericTextBox with a default value of 0, when you click in the textbox, it selects the value, then unselects it.  This only appears to happen in chrome and was not an issue prior to upgrading to the above version.

 

 

[RBarnes]

The workaround does seem to work, onmouseup="event.preventDefault(); return false;"

However that's not really a practical resolve when you have a very large app with allot of RadNumericTextBox's

[Viktor Tachev]

Hello,

The developers are working towards fixing the issue as soon as possible.

If you have large number of numeric input controls on the page you can try couple of approaches as a workaround for the issue until a permanent fix is available.

• Use jQuery to attach handler for the mouseup event of all RadNumericTextBox controls

$(document).ready(function () {
    $(".riTextBox").on("mouseup", function () {
        event.preventDefault();
        return false;
    });
});

• Use RadInputManager and regular TextBox controls for the numeric values

<asp:TextBox runat="server" ID="TextBox1" Text="0" />
<asp:TextBox runat="server" ID="TextBox2" Text="1" />


<telerik:RadInputManager runat="server" ID="RadInputmanager1">
    <telerik:NumericTextBoxSetting SelectionOnFocus="SelectAll">
        <TargetControls>
            <telerik:TargetInput ControlID="TextBox1" />
            <telerik:TargetInput ControlID="TextBox2" />
        </TargetControls>
    </telerik:NumericTextBoxSetting>
</telerik:RadInputManager>

The second approach would likely produce better performance.

Regards,
Viktor Tachev
Telerik