This is a migrated thread and some comments may be shown as answers.
Enter Key Not Working Consistently in Filter Box
15 Answers 83 Views
This is a migrated thread and some comments may be shown as answers.
Andrew
Top achievements
Rank 1
Andrew asked on 14 Jan 2014, 02:33 PM
In a Kendo Grid, the enter key does not work the same in a filter box for a string column as it does for a numeric column.

Example: 
   For column of type string --
   1) I click the filter icon on the row header of a column. This column contains values of type string. The filter dialog opens.
   2) I ignore the drop down, leaving it at its default value ('Starts with').
   3) I type text that I want to filter by.
   4) Without moving my cursor, I hit the enter key.  The filter dialog disappears and the filter is applied.
 
   For column of type integer --
   1) I click the filter icon on the row header of a column. This column contains values of type string. The filter dialog opens.
   2) I ignore the drop down, leaving it at its default value ('Is equal to').
   3) I type a number that I want to filter by.
   4) Without moving my cursor, I hit the enter key.  **The filter dialog DOES NOT disappear as it does for a string column**.  This appears to be incorrect behavior,   as it is not intuitive and does not match the behavior for a column of type string.

This problem was found when using Kendo UI Complete v2013.3.1119.  I don't believe this issue was present in the previous version (v2013.2.918).

15 Answers, 1 is accepted

Sort by
0
Dimiter Madjarov
Telerik team
answered on 15 Jan 2014, 01:27 PM
Hello Andrew,


Thank you for the detailed explanation. This is a know issue, but we found it shortly after the Q3 release. The fix is available in our internal builds, that you could download from your account.

I wish you a great day!

Regards,
Dimiter Madjarov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Andrew
Top achievements
Rank 1
answered on 15 Jan 2014, 02:32 PM
Dimiter,

Thanks for your prompt response.  We would rather not install an entire internal build to fix this issue (for risk management reasons).  Is it possible to get the code fix for this one issue?
0
Dimiter Madjarov
Telerik team
answered on 15 Jan 2014, 03:05 PM
Hello Andrew,


You could also wait for the official Q1 SP1 version, which will be released tomorrow.

Regarding the question, yes, I could point you to the location, where the fix should be applied. Please open a support ticket about this request.

Regards,
Dimiter Madjarov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Derrick
Top achievements
Rank 1
answered on 26 Feb 2014, 07:25 PM
What's the update on this? I am using Kendo UI Complete v2013.3.1324, and I still have an issue when trying to filter with the enter key. The filter box disappears, but the filter is not added. 

I have my grid configured so that only one column (string) is filterable and only with the "Contains" option, but this should not matter. Am I missing something? 
0
Dimiter Madjarov
Telerik team
answered on 27 Feb 2014, 09:51 AM
Hi Derrick,


Would it be possible to provide an example, which demonstrates the issue, as I am unable to reproduce it on my side?

I am looking forward to hearing from you.

Regards,
Dimiter Madjarov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Derrick
Top achievements
Rank 1
answered on 27 Feb 2014, 06:24 PM
I've rewritten my grid example into a new project, but I cannot replicate the issue there. I'm doing some further investigation to see if perhaps there is a conflict with another script library that we're using which is overriding the functionality of the Enter key.

More to follow...
0
Dimiter Madjarov
Telerik team
answered on 28 Feb 2014, 11:54 AM
Hello Derrick,


Thanks for the update. I hope that you manage to find the reason for the problem.

Let me know if I could assist you on any other Kendo UI related issues.

Regards,
Dimiter Madjarov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Mike
Top achievements
Rank 1
answered on 27 Jan 2015, 12:04 AM
I believe if you use IE10 and run this filter customization demo but comment out the Title column's AutoComplete assignment:

// .Filterable(filterable => filterable.UI("titleFilter"))

then you will find that entering some filtering text and hitting Enter the first time while still in the filter's text box will close the filter UI but not perform the filter. Doing this a second time triggers the filter just fine. This is not a problem in Chrome, Firefox or Opera. Currently using Kendo UI 2014.3.1119.
0
Dimiter Madjarov
Telerik team
answered on 28 Jan 2015, 09:28 AM
Hi Mike,


I cannot reproduce this on our demos page after modifying the demo in the described way. Is the issue still present on your end? If that is the case, please send us small example, that demonstrates it.

Regards,
Dimiter Madjarov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Mike
Top achievements
Rank 1
answered on 29 Jan 2015, 07:27 PM
I tracked down the problem. The project I have this problem with requires IE8 compatibility (I have a sign on my desk that says "Is the problem IE8" and I failed to look at it):

<meta http-equiv="X-UA-Compatible" content="IE=8" />

I see that Kendo supports IE7+ but does not support IE compatibility modes. I don't have IE8 handy (I mean, why would I, right?) but if/when I get into a position to test it with IE8 without compatibility mode I might come back.
0
Mike
Top achievements
Rank 1
answered on 29 Jan 2015, 09:16 PM
I just confirmed that this bug exists when using native IE8 (without any compatibility mode).
0
Dimiter Madjarov
Telerik team
answered on 02 Feb 2015, 10:13 AM
Hi Mike,


Thank you for providing the additional details. This is the default behavior of a form in Internet Explorer 8 i.e. the change event of the input elements is not triggered when submitting the form via enter key press. You could assure this in the following simple example by entering some value in the input field and pressing enter.

A custom unsupported workaround would be to manually handle the enter key press by attaching a handler in the filterMenuInit event.
E.g.
filterMenuInit: function(e){
  if(e.field == "ProductName"){
    e.container.find("input").keydown(function(e){
        if (e.keyCode==13) {
            $(this).blur();
            $(this).closest("form").submit();
        }
    });
  }
}

Here is small dojo example, that demonstrates this. Please note that this is unsupported custom approach.

Regards,
Dimiter Madjarov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Mike
Top achievements
Rank 1
answered on 02 Feb 2015, 05:54 PM
Thank you for this (unsupported) workaround. It is working fine.

I still wonder why the Enter key triggers the grid to filter "the second" time I do it. I.e., after clicking the Enter key the first time the menu goes away and no filtering occurs but when I click to open the filter menu a second time, the criteria I entered is still in the text box and when I click the text box so it has the focus and then hit the Enter key the filtering occurs successfully.
0
Dimiter Madjarov
Telerik team
answered on 03 Feb 2015, 03:46 PM
Hi Mike,


The reason for this behavior is that change event of the input is not triggered until it's blurred. So when pressing the enter key the first time, no filtering is performed, because the input is interpreted as empty. The second time it has changed it's value (after blurring) and the filtering is performed as expected.

I hope this explanation helps.

Regards,
Dimiter Madjarov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Mike
Top achievements
Rank 1
answered on 03 Feb 2015, 05:33 PM
Yes, that explains the specific nature of the IE8 shortcoming nicely. Thank you.
Tags
Grid
Asked by
Andrew
Top achievements
Rank 1
Answers by
Dimiter Madjarov
Telerik team
Andrew
Top achievements
Rank 1
Derrick
Top achievements
Rank 1
Mike
Top achievements
Rank 1
Share this question
or