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 260 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Christopher
Top achievements
Rank 1
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. 


3 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 07 Dec 2012, 02:42 PM
Hello Christopher,

Indeed, there were some focus-related issues in the Kendo UI Window in our latest official release, which are now fixed. I followed the outlined steps with the current Kendo UI source code and the problem was not exhibited, so I can suggest you to try using the latest internal build. Sorry about the inconvenience caused.

Greetings,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Brandon
Top achievements
Rank 1
answered on 10 Dec 2012, 04:06 PM
I just wanted to add that I am actually experiencing the same issue in Chrome, but I am creating my Grid inside a jQuery UI dialog. Which isn't exactly the same.

Hopefully this latest release fixes my issue as well.
0
Dimo
Telerik team
answered on 10 Dec 2012, 05:14 PM
Hi Brandon,

I am not sure your issue is the same as the one discussed previously. Try using the latest internal build and if the problem persists, please provide a runnable example.

Greetings,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
Christopher
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Brandon
Top achievements
Rank 1
Share this question
or