This is a migrated thread and some comments may be shown as answers.

Click into NumericTextBox does not close dropdowns

1 Answer 41 Views
NumericTextBox
This is a migrated thread and some comments may be shown as answers.
Thomas
Top achievements
Rank 1
Thomas asked on 08 Mar 2017, 01:50 PM

A NumericTextBox used in Angularjs (v1.5.8) seems to swallow the click events. 

The box is included like this:

<input kendo-numeric-text-box="numericTextBox" fc-numeric-box-placeholder k-spinners="false"
           k-decimals="{{ ::decimals }}" k-options="numericBoxOptions" ng-model="value"/>

 

The options set the min and max values. The box itself works fine, updating values as expected. 

If you have a dropdown opened (bootstrap) though, clicking inside the NumericTextBox will not close the dropdown. Clicking anywhere else closes it.

Is there a way to configure NumericTextBox to facilitate this behavior?

 

1 Answer, 1 is accepted

Sort by
0
Ianko
Telerik team
answered on 09 Mar 2017, 12:45 PM

Hello Thomas,

 

The UI element that is clicked in the NumericTextBox depends on that to prevent the event in order to show the real input and put the caret there. Else, the focused element will be the one that is dynamically hidden.

 

What I can suggest is using the Kendo DropDownList instead of the Bootstrap Dropdown.

 

Or handle appropriate DOM events to force the Dropdown close action. Like in here: http://dojo.telerik.com/AXiJaz

 

 

Regards,
Ianko
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
NumericTextBox
Asked by
Thomas
Top achievements
Rank 1
Answers by
Ianko
Telerik team
Share this question
or