NumericTextBox spinners disappear in Internet Explorer

3 posts, 1 answers
  1. Jawad
    Jawad avatar
    2 posts
    Member since:
    Oct 2015

    Posted 01 Dec 2015 Link to this post

    I am creating a Client Template column in Kendo grid of type number as follows. 

    columns.Bound(c => c.MaxAcceptable).ClientTemplate("<Input type='number' name= 'ColName3[#=index(data)#].MaxAcceptable' value='#= MaxAcceptable #'  id='MaxAcc' readonly min='0' max='7200'/>"

    Initially the field is readonly and this attribute is removed using jquery when a checkbox is checked in another column in the same grid so that the user can enter/change the value.

     $(cols).find("[id=MaxAcc]").attr('readonly', false);

     However, when readonly is made false the spinners do not appear in Internet Explorer (any version) but they work fine in Chrome & Firefox. The user can still use the keyboard to input numeric values but the spinners do not come back and also up/down arrows in keyboard do not work. - Attached screenshot.


    _Layout.cshtml file has the following tags

    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    Kendo version - 2015.1.408

    Can you please help me out?







  2. Answer
    Georgi Krustev
    Georgi Krustev avatar
    3687 posts

    Posted 03 Dec 2015 Link to this post


    I answered to support thread opened on the same subject. Please keep the communication in only one thread in order to avoid duplication. Thank you for the understanding.

    Here is a quote of the answer:

    I noticed from the given information that you are using regular HTML input element inside the grid widget. Have you tried to use the input outside the grid and remove the readonly attribute using jQuery? Does the spinners stay or disappear? If they disappear outside the grid, then issue possibly is related to something else and not with Kendo UI.

    As a side note, the input element has ID attribute that is same for all inputs on the page, which produces an invalid HTML. Could you stop rendering the ID or at least render different IDs for the inputs? Please note that this issue is not related to Kendo UI, but rather is common HTML knowledge.

    In order to continue with the investigation, I prepared a simplified demo that does something similar. Could you modify the demo and demonstrate the erroneous behavior?
    Here is a screencast of the behavior I am observing locally:
    Georgi Krustev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Jawad
    Jawad avatar
    2 posts
    Member since:
    Oct 2015

    Posted 07 Dec 2015 in reply to Georgi Krustev Link to this post

    I indeed agree that the behavior is some issue with HTML. Thank you for going out of your way to create the demo.
    The demo works fine in Chrome. But when I ran in Internet Explorer and clicked 'Enable' I could not see the spinners.

    Anyways, we have decided to go ahead with the current code as the issue is low priority and happens in IE and Windows server 2012 only.


    Thanks again!

Back to Top