Click into NumericTextBox does not close dropdowns

2 posts, 0 answers
  1. Thomas
    Thomas avatar
    1 posts
    Member since:
    Dec 2016

    Posted 08 Mar 2017 Link to this post

    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?


  2. Ianko
    Ianko avatar
    1956 posts

    Posted 09 Mar 2017 Link to this post

    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:



    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.
Back to Top