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

Textbox in popup doesn't get focus when mouse clicked (in IE)

3 Answers 338 Views

Grid

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

Christopher asked on 06 Dec 2012, 04:06 PM

I'm currently using the grid control with the edit mode set to popup. When I click the add button I get the form based on my model. In this case I have several string fields defined that it turns into input text boxes. Clicking the first field with the mouse gives focus to the field, when I edit the field it updates the model. Then clicking with the mouse on the next field doesn't cause the field to gain focus and therefore any changes made are not in the model. (if I were to doubleclick the second field it would resolve this problem). Clicking the update button causes only data from the first field to be submitted.

This issue seems to occur on IE and on touch devices (i.e. IPad, IPhone), however works correctly in Firefox and Chrome.

This can easily be reproduced on your own demos > Grid > popup editing
Click "Add new record"
With the mouse click and edit the unit price box. Type in a number using the keyboard (not the up/down arrows).
Then with the mouse click on the product name input box and enter some text.
With the mouse click "Update"
See that on the grid only the unit price was saved correctly, the product name appears blank.

Also, if you start with the product name box, click it and add text. Then with the mouse click in the text area of the unit price combo box it did not actually become editable. A second click is required to allow text to be entered.

I'm currently using version v2012.3.1114 of both
kendo.web.min.js
kendo.aspnetmvc.min.js

And have tried both 1.8.2 and 1.8.3 versions of jquery.

Textbox in popup doesn't get focus when mouse clicked (in IE)

3 Answers, 1 is accepted