Grid filter problem on Tablet

[Giovanni]

Hi,
I'm testing my application on tablet. Specifically I'm testing the grid widget.
All works fine, but I have a problem with filters. On tablet only I have this behaviour:

1) I open a filter for a string column
2) I insert a value on the first filter field (I have the extra flag enabled). If I click on the "filter" button, the filter form is closed, but the grid is not filtered
3) If I reopen the filter, I see the value that I have inserted before, and if I click again on filter button, the grid is filtered
4) If I open the filter, insert the value on the first filter, and then I change the focus of the controls, touching the second filter field, the filter button works as expected.

For the test I'm using iPad and Chrome/Safari.

Can I fix this behaviour in some way? If not, can I intercept the click on the filter button and execute my a function?

Thanks!

[Nikolay Rusev]

Hello Giovanni,

I'm testing Grid remote binding demo on IPad with iOS.1 on both Safari/Chrome browser and I'm unable to replicate the behavior.

Tap on "Filter" button triggers filter action.

Can you replicate the beahvior on that demo, too?


Regards,
Nikolay Rusev
the Telerik team

[Giovanni]

You're right...
If I comment all my CSS custom style the filter button works...
I'll do other tests. Some CSS style must be broke the button. Is it possible?

Thanks.

[Giovanni]

Hello again.
I've investigated the problem in details, and I think that I have found the issue.
In my application, when I use the iPad and I set up a filter, the virtual keyboard isn't automatically close when I click on filter button.

Instead in your sample the virtual keyboard is automatically closed on click. If in my application I manually close the virtual keyboard before clicking on filter button, all works fine.

How can break this beahviour? My grid is inside an iframe. Is this a problem? Can I manually close the keyboard?

I'm trying to personalize this function:

_submit: function(e) {
            var that = this;            
            e.preventDefault();
            that.filter(that.filterModel.toJSON());
            that.popup.close();
        },

but I can't close the virual keyboard by code.

Thanks.

[Nikolay Rusev]

Hello Giovanni,

The keyboard should automatically disappear when the input element loses focus. We are not sure what might cause the behavior in your app.

You cannot modify the code inside "_submit" function without altering the source code.

I would rather suggest you try isolate the reason which is causing the keyboard to stay open in your application.

All the best,
Nikolay Rusev
the Telerik team