Hi,

It seems there is an issue with the material theme and nested grids.   When you have master-detail nested grids, the entire last nested grid gets applied with the same styling as the bottom rows of all the other nested grid. 

The styling in my browser is showing up as

Which causes the rows in the last grid to not appear.   

I have attached an image where I have changed the styling to 5px and red so you can see that it is being incorrectly styled.  You can see that even the other rows in in the last grid are getting styled along with the last row style.

I am running the latest version of Kendo.

Cheers,

Clint

1. Reproduction

• open the StackBlitz from https://www.telerik.com/kendo-angular-ui/components/scheduler/views/day-week/#toc-configuration
• change the app.componet.ts file to 

import { Component } from '@angular/core';
import { SchedulerEvent } from '@progress/kendo-angular-scheduler';
import { sampleData, displayDate } from './events-utc';

@Component({
    selector: 'my-app',
    template: `
      <button (click)="days=1">1 day</button>
      <button (click)="days=3">3 days</button>
        <kendo-scheduler [kendoSchedulerBinding]="events" [selectedDate]="selectedDate"
                         startTime="07:00" endTime="19:00"
                         style="height: 600px;">
            <kendo-scheduler-multi-day-view [numberOfDays]="days">
            </kendo-scheduler-multi-day-view>

            <kendo-scheduler-week-view>
            </kendo-scheduler-week-view>

            <kendo-scheduler-work-week-view>
            </kendo-scheduler-work-week-view>
        </kendo-scheduler>
    `
})
export class AppComponent {
    public selectedDate: Date = displayDate;
    public events: SchedulerEvent[] = sampleData;
    days = 1;
}

• in app make sure, the multi-day view is active
• you'll see one day
  
• click on button "3 days" 

2. Expectation

• I expect to see 3 days 
  

3. Result

• I still see 1 day (like in the first screenshot)
• I have to switch view mode to e.g. week and back to get the desired result

4. Remarks

• In section "Additional Information" I'll note the information of my project, wich differ from the StackBlitz example. Anyhow the problem occurs in the StackBlitz an in my project
• I'll note browser and browser version. But the problem does also occur in the latest version of the other major browser.

To reproduce/see the issue please replace/run the below code in any Kendo - combobox example.

Issue:
step 1: Click inside combobox
Step 2: Press Esc key
Step 3: Start typing combobox items
As a result we can see that label overlaps with value inside combobox which is an issue. Can you please provide some quick resolution on this. Thanks

Kendo version :

How to reproduce :

- Add a kendo dropdown button with some items

- Use appendTo='component' popupSetting

- Bind itemClick and close events

Stackblitz example : https://stackblitz.com/edit/kendo-dropdownbuttons-keyboardnavigation?file=app/app.component.ts

What happens :

- If you use arrows to navigate through items, is always skip one item.

- If you use enter or space to select item, the popup close and reopen immediately.

- If you prevent close as in the stackblitz example : enter and space will fire twice the itemClick event.

1.) Use grouping functionality for the drop list's data.

2.) Have at least one item disabled. (Easiest to replicate if the first item is disabled)

3.) Click on dropdown to open the popup.

4.) If first item is disabled notice the group it belongs to is not displayed in the popup. If the first item isn't disabled scroll until disabled item is at the top of the list and the group information will be cleared.

Easily replicated if you modify the stackblitz from this page https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/grouping/ to disable the first item in the list

"Meat" should be displayed in that empty row at the top. Lines 12 and 26-28 are the only modifications made to the code found at the url above.

On the DropDownList Grouping page and the MultiSelect Groping page, the first label (Meat) does not show in IE 11.

When using the Grid control inside an Angular component which is shown in a dialog (via MatDialog), the component is not properly destroyed after closing the dialog. The same problem doesn't occur when the component instead contains, say, a TreeView.

The problem occurs in Angular 8 and 9, in the Chrome browser. I've created an Angular 8 demo here: https://stackblitz.com/edit/angular-thr9j1 and an Angular 9 demo here: https://stackblitz.com/edit/angular-ksfrqy

Run the demo, press the "Open dialog" button a number of times, then take a heap snapshot in the Chrome dev console (be sure to first select the proper Javascript VM instance, containing "angular-thr9j1" or "angular-ksfrqy"). The component shown in the dialog is called "MemoryLeakDialogComponent", so use that as a filter. You'll see that for every time you opened the dialog there's now an instance of the component on the heap.

The MemoryLeakDialogComponent contains just an empty kendo-grid tag with no attributes. If you edit its dialog template to instead contain a kendo-treeview component, everything is properly destroyed and garbage collected, which leads me to suspect a memory leak in the Grid component.

When you implement the activeViewDateChange and scroll through the calendar, the event is properly triggered.

But when you navigate through the calendar using the month navigation, this event is only triggered(multiple times) when you skip at least 1 month

Sample code - Kendo event sample code: https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/#toc-events

Scenario:

Current month: Januari

Next month: Februari

Expectation: (activeDateChange: 1-2-2020)

Result: - / not triggered

Current month: Januari

Next month: June

Expectation: (activeDateChange: 1-6-2020)

Result: (activeDateChange - 1-5-2020), (activeDateChange - 1-6-2020) / event triggered twice

I found a bug in your last update in this package:

https://www.npmjs.com/package/@progress/kendo-angular-dialog

The bug causes the modal not to show up.

In this bug you need to allways start the HTML files with the tag <kendo-dialog> and end the files </kendo-dialog> to fix the problem, which did not happen in previous versions of the package.

This bug is an issue because not even your tutorials work because of this.

Will you fix this?

Best regards André Lourenço

Steps to reproduce:

Create fresh angular 9+ project : ng new angular9-kendo-editor-test

run cmd to add editor module: ng add @progress/kendo-angular-editor

Add config to serve es5 generated scripts so IE will work: https://medium.com/better-programming/how-to-fix-your-angular-app-when-its-not-working-in-ie11-eb24cb6d9920

run cmd to serve es5 config: ng serve --configuration es5

Open IE and browse to http://localhost:4200

Open developer tools, observe there is a script error

Comment out the EditorModule import in app.module.ts and you can see the app now works...

When i refresh page wich contains Editor i give error -  Cannot read property 'createElement' of null wheb i refresh page

i try hide edtor while not initilized, content initilized, this dont help

Hello,

Currently, the kendo theme for bootstrap overrides the default bootstrap custom component styles.

For example, the kendo checkbox has a default #FFF background but the bootstrap custom checkbox has a grey-ish background, which is always the same as the disabled style.

$custom-control-indicator-bg <--- this should be #FFF

Could this be changed back to the default bootstrap values?

Dear Support Team,

Although I changed my locate to 'fa-IR', the kendo UI date picker did not change to Hijri or Jalali Calendar and it just translated the text of the gregorian calendar!

Is this a bug? or I should do something to use the Persian calendar?

Best regards

Hi,

On the kendo-multiviewcalendar the 'activeViewDateChange' is not triggered, at all. 

We need this event for our date range selection to update certain data. But without this event, it's impossible.

Is this a missing feature or a bug as almost every other date component has this event.

HI

When i input a value with 11111111111111111 on  kendo-numerictextbox and  lost focus (blur) event the value is always change to 11111111111111112 .Any solution  to prevent this issue ?.

https://stackblitz.com/run/?file=app%2Fapp.component.ts

https://stackblitz.com/edit/angular-dxhzju

1. Change scheduler timezone in combobox

2. Change view selector to "Month", for example.

Result: provided colors from resources aren't appied anymore.

https://angular-dxhzju.stackblitz.io

a. In "Show business hours" mode open event creating dialog and set start-end time that is outside of business hours specified, e.g. 07.00-07.30 when business hours are 08.00-20.00.

b. Press Save buttom.

c. Switch to "Show full day" mode.

Actual result - event is not shown.

Event appears only after, e.g. , pressing next arrow button and then pressing back arrow button.

Hello,

The PDF export component does not seem to handle tables that are in the editor content. In the Stackblitz example I included, which is based off of the PDF export demo under the Editor component, the table borders do not show in the editor and in the exported PDF. In my own practice, any editor version 8 and above will not export the tables to PDF. In fact, the exported PDF is blank no matter what is in the editor. Here is what I am using. When I change the editor version to 0.7.0, the PDF export works (albeit without table support). I would like to be able to export the tables that inside of the editor's content to PDF. This problem only started happening after I updated my editor to versions 0.8.0 and above.  

<kendo-pdf-export #pdf paperSize="Letter" margin="1cm" [scale]="scale">
                    <kendo-editor #editor iframe="false" style="align-self: auto; padding: 20px; height: 90vh; width: 24cm; margin: 0 auto;" [(value)]="value" 
                    (dragover)="onDragOver(event)" (drop)="onDrop(event)">
                      <kendo-toolbar>
                        <kendo-toolbar-buttongroup>
                          <kendo-toolbar-button kendoEditorUndoButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorRedoButton></kendo-toolbar-button>
                        </kendo-toolbar-buttongroup>
                        <kendo-toolbar-buttongroup>
                          <kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorUnderlineButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorStrikethroughButton></kendo-toolbar-button>
                        </kendo-toolbar-buttongroup>
                        <kendo-toolbar-buttongroup>
                          <kendo-toolbar-button kendoEditorSubscriptButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorSuperscriptButton></kendo-toolbar-button>
                        </kendo-toolbar-buttongroup>
                        <kendo-toolbar-buttongroup>
                          <kendo-toolbar-button kendoEditorAlignLeftButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorAlignCenterButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorAlignRightButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorAlignJustifyButton></kendo-toolbar-button>
                        </kendo-toolbar-buttongroup>
                        <kendo-toolbar-dropdownlist kendoEditorFormat></kendo-toolbar-dropdownlist>
                        <kendo-toolbar-dropdownlist kendoEditorFontSize></kendo-toolbar-dropdownlist>
                        <kendo-toolbar-dropdownlist kendoEditorFontFamily></kendo-toolbar-dropdownlist>
                        <kendo-toolbar-colorpicker kendoEditorForeColor></kendo-toolbar-colorpicker>
                        <kendo-toolbar-colorpicker kendoEditorBackColor></kendo-toolbar-colorpicker>
                        <kendo-toolbar-buttongroup>
                          <kendo-toolbar-button kendoEditorInsertUnorderedListButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorInsertOrderedListButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorIndentButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorOutdentButton></kendo-toolbar-button>
                        </kendo-toolbar-buttongroup>
                        <kendo-toolbar-buttongroup>
                          <kendo-toolbar-button kendoEditorCreateLinkButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorUnlinkButton></kendo-toolbar-button>
                        </kendo-toolbar-buttongroup>

                        <kendo-editor-insert-table-button></kendo-editor-insert-table-button>
                        <kendo-toolbar-buttongroup>
                          <kendo-toolbar-button kendoEditorAddColumnBeforeButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorAddColumnAfterButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorAddRowBeforeButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorAddRowAfterButton></kendo-toolbar-button>
                        </kendo-toolbar-buttongroup>
                        <kendo-toolbar-buttongroup>
                          <kendo-toolbar-button kendoEditorDeleteColumnButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorDeleteRowButton></kendo-toolbar-button>
                          <kendo-toolbar-button kendoEditorDeleteTableButton></kendo-toolbar-button>
                        </kendo-toolbar-buttongroup>
                        <kendo-toolbar-button kendoEditorInsertFileButton></kendo-toolbar-button>
                        <kendo-toolbar-button kendoEditorInsertImageButton></kendo-toolbar-button>
                        <kendo-toolbar-button kendoEditorViewSourceButton></kendo-toolbar-button>


                        <kendo-toolbar-button text="Export as PDF"
                                              [icon]="'pdf'"
                                              (click)="pdf.saveAs('editor-content.pdf')"></kendo-toolbar-button>
                      </kendo-toolbar>
                    </kendo-editor>
                  </kendo-pdf-export>

Hello, I am trying to use the table-related toolbar tools in my editor. I am getting the compiler.js:2175 Uncaught Error: Template parse errors:
'kendo-editor-insert-table-button' is not a known element:
1. If 'kendo-editor-insert-table-button' is an Angular component, then verify that it is part of this module.
2. If 'kendo-editor-insert-table-button' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("               <!-- Kendo Built-In Toolbar tools not working correctly -->.

I have not had an issue with any other toolbar tools.