We are working on enterprise product, which uses Progress Telerik jQuery KendoUI components extensively purchased by our Company. In which Kendo PanelBar is used in many modules of our product.

Now a days we are working on Accessibility (i.e. keyboard and screen reader) as part of out-of-box feature of our product.

The Kendo Panel Bar has been made accessible so that it can be navigated using the keyboard arrow keys, once it receives focus via Tab Key.

We have created small example on dojo.telerik.com (i.e. which can be referred on https://dojo.telerik.com/@chiragvidani/EBEPUnoY/3) to explain issue faced by us, when accessing via Screen Reader. Please find issues below:

1. When the panel bar is initialized in expanded state and on receiving focus by Kendo PanelBar widget, screen reader reads Header as well as Content. Now because of this, content is read twice (i.e. second time when we navigate to content using down arrow keys one at a time). Whereas behavior in collapsed state is as expected.
2. Also, to read out the expand/collapse event of PanelBar we need to programmatically remove role attribute from <ul> and <li> tags after initialization of widget.

Secondly when referring WAI-ARIA practices on www.w3.org website (i.e. https://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html), we found some differences as explained below:

1. Header of PanelBar or Accordion is surrounded by <button> inside <h3> (i.e. reference link is https://www.w3.org/TR/wai-aria-practices/#accordion)
2. Content of PanelBar or Accordion has an aria-labelledby attribute with value containing ID of respective Header.
3. In WAI-ARIA website PanelBar or Accordion is generated using combination of relevant <div> markup, whereas in Kendo, its generated using <ul> and <li> markup.
4. In current implementation of Kendo PanelBar, focus is set to <ul>, whereas in demo of w3.org website its being set to <button> placed as a header in order to restrict reading of list keyword.

Kindly help us with your assistance.

Thanks,

Chirag Vidani

Hi Team,

Kendo grid does not allow all columns to be hidden from column menu as it disables the check box for last column in column menu.

But if we set hidden = true and menu = false properties for column, grid hides that column from grid and column menu, but enables the checkbox to hide all columns from grid leaving it empty. After which we can't get back the columns in grid which isn't valid.

Grid should always allow at least one column to be included in grid/menu.

Please find attached screenshot and below sample link.

https://dojo.telerik.com/EHOgaJUK/2

Thanks,

Jyotika

https://dojo.telerik.com/aPAcUDuc/2

 

open new window using the button, and close all window one by one, then see that k-overlay is still stay in page

when data present inside the array which are binding to pivotgrid read method then not an any issue BUT  When if one of the empty array binding to pivot grid read method after that wherever we try to bind the array with data it causing problem 'Cannot read property 'value' of undefined'.

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).

This is an error that took us an hour to figure out.

We are using the right-arrow icon as part of the content within a collapsible header to represent a state transition. (See image)

We found that the expand/collapse icon did not appear.

 

Further investigation reveals that if the header content contains a span with a class matching the regular expression k-i-arrow.* then the expand/collapse icon doesn't work. It could contain anything else, it was just that one class pattern that threw it.

See this example. https://dojo.telerik.com/EwAsaKAf/3

I also posted a forum message here: https://www.telerik.com/forums/expand-collapse-arrow-fails-to-appear-if-a-class-matching-a-certain-pattern-appears-anywhere-in-the-header   

This is clearly a bug, and one that I suspect can be fixed easily.

A recent update has broken the style for the switch as demonstrated here - https://demos.telerik.com/kendo-ui/grid/offline (LESS - Material theme). Tested with Chrome and Edge

 

In the latest Kendo UI commercial zip, there is a file typescript/kendo.all.d.ts.

In the Grid class, a property is missing : the dataItems function.

You should add the bold line :

 

        (...)
        dataItem(row: JQuery): kendo.data.ObservableObject;
        dataItems(): kendo.data.ObservableArray;
        destroy(): void;
        (...)

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.

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

 

 

 

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. 

 

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

 

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

jquery-3.4.1.min.js:2 Uncaught (in promise) Error: Syntax error, unrecognized expression: <span>
    at Function.se.error (jquery-3.4.1.min.js:2)
    at se.tokenize (jquery-3.4.1.min.js:2)
    at se.compile (jquery-3.4.1.min.js:2)
    at se.select (jquery-3.4.1.min.js:2)
    at se (jquery-3.4.1.min.js:2)
    at Function.se.matches (jquery-3.4.1.min.js:2)
    at Function.k.filter (jquery-3.4.1.min.js:2)
    at F.fn.init.k.fn.<computed> [as parent] (jquery-3.4.1.min.js:2)
    at F.fn.init.unwrap (jquery-3.4.1.min.js:2)
    at init.processTextNode (kendo.all.js:158104)

 

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

Hi,

The API reference of the kendo.mobile.ui.Collapsible is incomplete. For instance: I'm missing the configuration property "collapseIcon".

 

The "iconPosition" configuration property has no effect. The examples do not show any icons (Chrome):

 

 

  

When the data values ​​are all negative, if you create a line graph using kendo chart function, Autoscale on the Y axis is not applied properly. Please check if there is any possible solution.

The two attached figures are normally auto scaled, but the charts that combine the two graphs are not auotoscale normal.

 

Chart1

 

Chart2

 

issue chart

The event handling between DatePicker and DateTimePicker is inconsistent.

If I manually type a date into DatePicker and tab away from the input, the change event is triggered

If I do the same in DateTimePicker, no event is triggered

They should behave the same, of course DateTimePicker should also trigger whether or not the user types in a time

 

https://demos.telerik.com/kendo-ui/datepicker/events

https://demos.telerik.com/kendo-ui/datetimepicker/events

When aggregate sum few child's rows the parent row not calculate only at the bottom of the treelist grid.

First I thought there is a problem in my code, after search I found this post.

I have fixed the data type but as I said the parent not include in the sum group only at the bottom total.

link : https://stackoverflow.com/questions/34848829/kendotreelist-aggregate-not-working-properly.

Thanks

 

Follow steps in sample at https://dojo.telerik.com/@GaloisGirl/OJUPoYOY/8

• Actual result: the call to "create" has no information that the new folder should be created in "folder 1"
• Expected result: the call to "create" should contain information about the path, for my back-end to create an entry in the correct place

Probably related to https://feedback.telerik.com/kendo-jquery-ui/1473893-filemanager-no-path-passed-to-datasource-read-method / https://github.com/telerik/kendo-ui-core/issues/5890

As of version  "@types/kendo-ui": "2020.3.0":

FileManager methods: path, view, getSelected, getSize have return type void, which is a pain to handle since it can't even be cast to bool.

FileManager method navigate doesn't accept params, should accept string 'path'.

FileManager method executeCommand doesn't accept params, should accept as per https://docs.telerik.com/kendo-ui/api/javascript/ui/filemanager/methods/executecommand .

FileManagerContextMenu interface is missing all event handlers: close, open, activate, deactivate, select.

The following are not exposed:
- kendo.data.schemas
- kendo.ui.filemanager.commands