NumericTextBox spinners disappear in Internet Explorer

[Jawad]

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?

 

 

 

 

 

 

[Georgi Krustev]

Hello,

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?

• http://runner.telerik.io/fullscreen/IToXO

Here is a screencast of the behavior I am observing locally:

• http://screencast.com/t/9ycDrqm4e

Regards,
Georgi Krustev
Telerik

 

 

[Jawad]

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!