I'm having resize issues with the Menu control that I cannot sufficiently document at this time (my menu is inside a splitter, it's horizontal and it should be scrollable, but the arrows don't always appear).

I tried working around them by manually forcing a resize. Per documentation:

Each Kendo UI widget has a resize() method which can be used to trigger a layout readjustment instead of using kendo.resize. The resize method of the widget accepts a single Boolean parameter, which defines whether the control should execute its layout adjustment algorithm even if the widget dimensions have not changed ("force" mode).

However, the Menu widget does not override this method. It only binds to the Window resize event:

$(window).on(RESIZE, kendo.throttle(function(){
	that._setOverflowWrapperWidth(initialWidth, initialCssWidth);
	that._toggleScrollButtons(that.element, backwardBtn, forwardBtn, isHorizontal);
}, 100));

It's highly probable that the magic value 100 does not fit my use case. However, I cannot force a resize neither by:

1. calling resize() on the widget
2. calling resize(true) on the widget
3. calling kendo.resize() on the container.

Possibly related to https://github.com/telerik/kendo-ui-core/issues/4067 .

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

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

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

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

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

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

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

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

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.