Kendo Grid Filtering Issues

[Brenda]

I do apologize in advance for the bad post

I am implementing a kendo grid for filtering information, My first filter is giving me so much issues and i now have to ask forum because nothing works that i try.

Issues:

1. When selecting filter on the column below, I can not focus on the numericTextBox to input values I am forced to use spinners only.

2. When using spinners its history is always off by 1, Example: I click it twice (Up) and the value = 2. When I filter the row returns No: 1 and when inspecting the filter it is now 1 and not 2.

Code Grid:

 @(Html.Kendo().Grid<DeBeers.Seals.Web.Models.SearchSealsModel>()
                            .HtmlAttributes(new { @style = "-ms-overflow-x: scroll !important" })
                            .Name("grid")
                            .DataSource(dataSource => dataSource
                              .Ajax()
                             .Read(read => read.Action("Read", "SearchSeals"))
                            )
                            .Columns(columns =>
                            {
                                columns.Bound(b => b.SealNum).Filterable(filterable => filterable.UI("sealNumFilter"));

    })
                            .Pageable()
                            .Sortable()
                            .Filterable(ftb => ftb.Mode(GridFilterMode.Menu))



Code Script:

function sealNumFilter(element) {
                debugger;
                element.kendoNumericTextBox({
                    decimals: 0,
                    format: "n0",
                    //spinners: false,
                })
                //    .focus(function () {
                //    var input = $(this);
                //    setTimeout(function () {
                //        input.select();
                //    });
                //});
            }

[Viktor Tachev]

Hi Brenda,

It would be hard to pinpoint the exact cause of the behavior. However, if there are JavaScript errors they can affect how the components behave. 

Would you open the browser console by pressing F12 and see if there are any errors listed? In case there are - that can point us in the right direction.

Furthermore, make sure that you are using the latest Kendo UI version. The current release is 2017.3.913. Make sure that all Kendo script and style files are from that version. 

In case the behavior persists please send us a runnable sample so we can examine it locally. You can attach an archive with the project in the submitted support ticket.

Regards,
Viktor Tachev
Progress Telerik