I tested the toolbar example https://demos.telerik.com/kendo-ui/toolbar/keyboard-navigation with a keyboard and screen reader (NVDA) and found the following issues:

1. Buttons are rendered as links. The SR announces the first button as "Button visited link". Apparently, there is an undocumented option useButtonTag (https://github.com/telerik/kendo-ui-core/issues/4730) that's also missing from the typings. I have to manually add 'role: "button"' to every single button to make my toolbar compliant.

2. Toggle buttons state is not announced.
 
3. The overflow menu button has no caption and is announced by the SR as "blank".

4. The overflow menu button has no visible focus styling (screenshot attached).

5. Selecting an item from the overflow menu throws the focus out of the page.

Hi,

I've implemented the DateRangePicker in our software and I noticed that the selection of the DateRangePicker has a slide different behavior to the Angular DateRangePicker.
This behavior is also reproducible in the demo website.

Scenario:
Select a range. Alter range to the new values. First, update '03-11-2019' -> '04-11-2019'. Second, update '09-11-2019' -> ''

First selection:
Start date: 03-11-2019
End date: 09-11-2019

Now I want to update this range to:

Expectation:
Start date: 04-11-2019
End date: 16-11-2019

Result:
Start date: 16-11-2019
End date: null
When I select the start date, it's updated as expected (04-11-2019) but selecting the new end date (16-11-2019), sets the a new start date instead of the end date. As described by the result values.

Hi,

I'm not sure this will be a bug in your mind but I just wanted to make sure I understood how things work. We have a grid definition which includes the dataSource.schema.model definition. One of the fields (TradeDate) in the schema has a type = "date". In addition, we assign local json data to the "data" property of the dataSource. Our JSON data comes in with dates in the ISO format (a string with the "T" in it). When the grid is initially created everything works fine. We notice that the TradeDate field in the dataSource.data() is converted to an actual javascript date. I assume this is happening because of the schema definition. Later we retrieve new data via an ajax call and apply it to the grid using the grid.dataSource.data(newJson) command. However this does not seem to process the TradeDate field and convert it into a real javascript date. This causes problems because we have filters applied based on the TradeDate. It works fine the first time but fails any time the data is refreshed (because the field value is a string). We tried the schema.parse function but that also is only called the first time. Ultimately we coded the grids "dataBound" event and everything worked. It gets called each time the data is refreshed. I was just wondering if I could be doing something differently so that the schema handled the conversion all the time.

self._grid = grd$.kendoGrid({
columns: [...],
        dataSource: {
schema: {
                        model: {
                            id: "somekey",
                            fields: {
                                NewTradeFlag: { editable: false },
                                TradeDate: { editable: false, type: "date" },
...
                            }
                        }
                    },
                data: self.ViewModel.DisplayData.TransactionData
         }
...
})

Later on we do this

self._grid.dataSource.data(newJsonData);

P.S. we originally were using MVVM binding straight to the ViewModel but that didn't work either.

Thank you in advance, Jim.

Hi, our customers are complaining that does not work on iPhone iOS 13. We are using Kendo Hybrid UI components.

I looked into Kendo examples and noticed that scrolling does not work on Example on iOS 13.1.

Attaching of the page I am talking about.

Please review.

• Create e.g. local data grid (id, name)
  
• add 2 records => { id: 1, name: "null", id: 2, name: "Jack" }
• Name column for id = 1 is empty

I have tested this on your example for local data grid. It can be applicable also for remote grid, treelist, etc.

If you configure a Kendo Grid with client-side paging, each time you call setDataSource to update the data source then a new .k-pager-numbers-wrap DIV is added to the page controls. I've replicated the problem in Dojo at https://dojo.telerik.com/UTolOzer by taking a basic client-side paging demo, moving the dataSource configuration into a separate function (with data("kendoGrid").setDataSource), and calling that function 25 times. At the end, the source shows the UL element with the page buttons inside 25 .k-pager-numbers-wrap DIV elements.

I first noticed this problem because in my own environment, each nested DIV was shifting the page buttons left 1 pixel and overlapping the "previous page" buttons. In my Dojo example, with 25 nested DIVs the page buttons disappear completely.

I've added the following in my own code as a workaround in the dataBound event of the grid:

                            var trueParent = e.sender.pager.element.find(".k-pager-numbers-wrap").first();
                            e.sender.pager.element.find("ul").appendTo(trueParent);
                            trueParent.find(".k-pager-numbers-wrap").remove();

Hello,

i have some problems with the updated pdf viewer.

Print

The new print feature failed after the second print call.

Reproduction steps

1. call https://demos.telerik.com/kendo-ui/pdfviewer/index
2. click on print
3. abort browser print dialog
4. call again, there is no content in the print dialog preview or output

Search

Furthermore the search wont work for me, i get only an browser alert and console log entry.

console log on init

console log on search

Uncaught TypeError: Cannot read property 'matches' of undefined

I try to show the pdf viewer in an kendo window, is there any problem known?

Beste regards

Christian

When attempting to use the filter function on a TreeListDataSource, the linked TreeList control reports that are no records to display regardless of what filter is entered.  This includes attempts to clear/reset the filters using an empty object/null and behaves the same regardless of whether serverFiltering is enabled.

The TreeListDataSource object contains the expected records.

Reproduction

Run dojo at https://dojo.telerik.com/@GaloisGirl/UtuZIyOd

Current behavior

All three notifications are removed after one second

Expected behavior

The blue notification should be removed after 2 seconds, the orange one after 1 second, the red one never.

Analysis

The bug only occurs with the appendTo option.

In the showStatic method, we clearly see all displayed notifications are iterated over and being attached the _hideStatic method. In my example:

1. the blue notification is shown and scheduled to be hidden after 2s
2. the red notification is shown, none is scheduler do be hidden, because autoHideAfter is 0
   
3. the orange notification is shown, and the blue one, the red one, and the orange one are scheduled to be hidden after 1s.
   

The 2018.1.117 code does not feature this loop and the bug is not present.

The spreadsheet widget has no Polish localization.

Feel free to use those: https://github.com/telerik/kendo-ui-core/pull/5310

1. Create a grid with two editable columns.
2. Define validation rules for both columns. Keep one column as required.
3. Edit the row. Set the required column value using model.set method.'

It fails because before setting the value it performs validation. If validation was successful then it will set the value on model.

Since the desired field has no value and validation rule will fail on that.

It should accept the value and then perform validation. If validation fails with new value then it might discard the changes.

$("#grid").kendoGrid({
  dataSource: {
    batch: true,
    transport: {
      read: function(e){
        e.success([1,2,3,4,5,6,7,8,9].map(function(i){return {id: i, title: "test" + i}}));
      }
    },
    schema: {
      model: {
        id: "id",
        fields: {
          id: {defaultValue: "-1"},
          title: {
            validation: {
              required: true
            }
          }
        }
      }
    }
  },
  columns: [
    {field: "title", title: "Title", filterable: {field: "title.a"}},
    {command: ["edit", {name: "destroy"}]}
  ],
  editable: {mode: "inline"},
  filterable: true,
  toolbar: [{name: "create"}]
});
 
var grid = $("#grid").getKendoGrid();
var model = grid.dataItems()[0];
grid.editRow(model);
model.set('title', '');
model.set('title', 'test 1111'); // it will fail

When using a grid with locked columns if the unlocked area is scrollable once scrolled horizontally the resize handle keeps it's original absolute positioning and doesn't respect the change in scroll. 

When hovering over the edge of the column I can no longer see the resize handle. I can hover to the left where it would have been with no scrolling and then see it. 

On DOM inspection I see the event to update the handle's position STILL FIRES when hovering the edge of a column header, but the position is based on scrollLeft() === 0. 

I will assume the needed left position for each column is calculated on creation but is not re-calculated for horizontal scroll. 

This can be reproduced in the live demos on Telerik's site. 

https://demos.telerik.com/kendo-ui/grid/frozen-columns

Applying the following filter to a datasource

app.localDocs = new kendo.data.DataSource({
        data: app.docArray,
        schema: {
            model: app.doctorModel,
            total: function () {
                return app.docArray.length;
            }
        }
    });

    app.doctorModel = new kendo.data.Model.define({
        id: "code",
        hasChildren: false,
        fields: {
            code: {
                type: "number",
                editable: "false"
            },
            name: {
                type: "string",
                editable: false
            },
            msp: {
                type: "string",
                editable: false
            }
        }
    }); 

app.localDocs.filter({
          logic:"or",
          filters: [
              {
              field: "name",
              operator: "contains",
              value: $('#filterV').val()
                    },
                    {
              field: "msp",
              operator: "contains",
              value: $('#filterV').val()
                    }
                ]
            });
            app.mobileApp.scroller().scrollTo(0, 0);

 Try the search using O'Brien  The list shows no results as soon as you hit the apostrophe.

Works fine on Safari on a mac, chrome on any system, but has the above result above on an ipad or iphone. 

1 - when use bootstrap v4  theme, ddl does not handle long names gracefully, please find in attachment example in bootstrap v4 & silver themes, also here are the dojo exaples

v4: https://dojo.telerik.com/AYoXEyoT/5

silver: https://dojo.telerik.com/aqIkUSiP/2

2 - for grid and separate controls validation message has diff view

https://dojo.telerik.com/aBuKaDun/6

should be the same

I am currently experiencing an issue between the Kendo ContextMenu and the Kendo EditorFor. When I open the ContextMenu inside of the EditorFor it display offset relative to the cursor, both the left and top values are completely incorrect relative to the editor.

Attached you will find a solution where this issue has been replicated, I removed the scripts folder in order to keep the file size small. I hope this can be fixed soon.

Reproduction steps:

1. Open column menu

2. Using arrow keys, go to Filter menu item.

3. Hit right arrow to open Filter submenu

4. Tab through filter submenu

5. Hit escape.

Expected behaviour: Filter submenu closes and focus returns to the parent column menu

Actual behaviour: Both filter and column menu are closed.

Snippet: http://dojo.telerik.com/@gearoidj/iqiwUCEp

This is an issue for accessibility users - there doesn't seem to be a way to return to the parent filter menu using the keyboard without closing all menus and reopening them.

There is one way for it to occur, and that is to use the mouse to place the focus on the Filter menu background - in this case hitting escape will close the Filter menu and focus will be returned to the parent column menu. However this is impractical for an accessibility user who is relying solely on keyboard navigation.

An example of where this (mostly) works is on the Columns submenu - the user can use the left arrow key or Escape to close the child menu or alternatively keep tabbing and they will eventually return to the parent menu (though if they do tab within the child menu, hitting Escape will close both the child and parent menus).