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

NumericTextBox spinners disappear in Internet Explorer

2 Answers 86 Views
NumericTextBox
This is a migrated thread and some comments may be shown as answers.
Jawad
Top achievements
Rank 1
Jawad asked on 01 Dec 2015, 02:01 PM

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 Answers, 1 is accepted

Sort by
0
Accepted
Georgi Krustev
Telerik team
answered on 03 Dec 2015, 09:19 AM
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?
Here is a screencast of the behavior I am observing locally:
Regards,
Georgi Krustev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Jawad
Top achievements
Rank 1
answered on 07 Dec 2015, 03:55 PM

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!

Tags
NumericTextBox
Asked by
Jawad
Top achievements
Rank 1
Answers by
Georgi Krustev
Telerik team
Jawad
Top achievements
Rank 1
Share this question
or