@progress/kendo-angular-grid 20.1.0-develop.5 → 20.1.0-develop.7

package/column-menu/column-list.component.d.ts

@@ -58,7 +58,6 @@ export declare class ColumnListComponent implements OnInit, OnDestroy {
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    onSelectAllClick(e: any): void;
     onSelectAllCheckboxChange(checkedState: any): void;
     ngOnDestroy(): void;
     cancelChanges(): void;
@@ -70,7 +69,6 @@ export declare class ColumnListComponent implements OnInit, OnDestroy {
     private disableFirstUnlockedCheckedCheckbox;
     private enableLastDisabledColumn;
     private setDisabledState;
-    checkBoxClick(e: any): void;
     onCheckboxChange(checkedState: any, column: any, _index: number): void;
     private setTabindex;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnListComponent, [null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;

package/columns/command-column.component.d.ts

@@ -10,7 +10,7 @@ import { CellRowspanFn } from './cell-rowspan';
 import * as i0 from "@angular/core";
 /**
  * Represents the command columns of the Grid. Define the content of the column inside an `<ng-template>` tag.
- * For more information and examples, see the [Command Column Directives](slug:editing_directives_grid#toc-command-column-directives) article.
+ * For more information and examples, see the [Editing Action Buttons](slug:basics_editing_grid#editing-action-buttons) article.
  *
  * @example
  * ```html

package/columns/span-column.component.d.ts

@@ -74,7 +74,7 @@ export declare class SpanColumnComponent extends ColumnBase {
     includeInChooser: boolean;
     /**
      * Sets whether the edit template of the column is rendered.
-     * To enable editing for a spanned column, set an edit template for it ([see example](slug:custom_reactive_editing_grid)).
+     * To enable editing for a spanned column, set an edit template for it ([see example](slug:custom_editors_grid#setting-up-custom-editors)).
      * @default false
      */
     set editable(value: boolean);

package/editing/cancel-command.directive.d.ts

@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
 /**
  * Represents the `cancel` command of the Grid. Apply this directive to any `button`
  * element inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %})
- * ([see example](slug:editing_directives_grid#toc-command-column-directives)).
+ * ([see example](slug:basics_editing_grid#editing-action-buttons)).
  *
  * When a button with this directive is clicked, the
  * [`cancel`]({% slug api_grid_gridcomponent %}#toc-cancel) event

package/editing/edit-row-options.interface.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Provides additional options for the [`editRow`]({% slug api_grid_gridcomponent %}#toc-editrow) method. [See example]({% slug editing_rowclick_grid %}#toc-managing-focus).
+ * Provides additional options for the [`editRow`]({% slug api_grid_gridcomponent %}#toc-editrow) method. [See example](slug:inline_editing_grid#managing-focus).
  *
  * @example
  * ```typescript

package/editing/edit-template.directive.d.ts

@@ -5,7 +5,7 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Lets you customize the content of edited cells by providing a column edit-cell template for the Grid ([see example](slug:custom_reactive_editing_grid#toc-setting-up-custom-inputs)).
+ * Lets you customize the content of edited cells by providing a column edit-cell template for the Grid ([see example](slug:custom_editors_grid#setting-up-custom-editors)).
  * Place an `<ng-template>` tag with the `kendoGridEditTemplate` directive inside a `<kendo-grid-column>` tag to define the template.
  *
  * The template context includes:

package/editing/remove-command.directive.d.ts

@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
 /**
  * Represents the `remove` command of the Grid. Apply this directive to any `button` element
  * inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %})
- * ([see example](slug:editing_directives_grid#toc-command-column-directives)).
+ * ([see example](slug:basics_editing_grid#editing-action-buttons)).
  * When you click the button with this directive, the
  * [`remove`]({% slug api_grid_gridcomponent %}#toc-remove) event fires.
  * The button with `kendoGridRemoveCommand` is automatically hidden when the row is in edit mode.

package/editing/save-command.directive.d.ts

@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
 /**
  * Represents the `save` command of the Grid. Apply this directive to any `button`
  * element inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %})
- * ([see example](slug:editing_directives_grid#toc-command-column-directives)).
+ * ([see example](slug:basics_editing_grid#editing-action-buttons)).
  * When you click the button with this directive, the
  * [`save`]({% slug api_grid_gridcomponent %}#toc-save) event fires.
  * The button with `kendoGridSaveCommand` is automatically hidden when the row is not in edit mode.

package/editing-directives/edit-service.interface.d.ts

@@ -5,8 +5,8 @@
 /**
  * The interface which must be extended when creating custom edit service.
  * This interface defines the methods that a custom editing service should implement to handle create, update, and remove operations on grid items.
- * Set the custom edit service to the `editService` input of the respective editing directive.
- * [See exampe](slug:editing_directives_grid#toc-custom-editing-service).
+ * Set the custom edit service to the `editService` input of the respective editing directive
+ * [See example](slug:custom_editing_service_grid).
  */
 export interface EditService {
     /**

package/editing-directives/external-editing.directive.d.ts

@@ -13,7 +13,7 @@ import { AdaptiveGridService } from '../common/adaptiveness.service';
 import * as i0 from "@angular/core";
 /**
  * Represents the Kendo UI Grid external editing directive. The directive manages editing operations in the Grid when using the
- * External Form ([see example](slug:editing_directives_grid#external-editing)).
+ * External Form ([see example](slug:external_editing_grid#quick-setup)).
  *
  * @example
  * ```typescript

package/editing-directives/in-cell-editing.directive.d.ts

@@ -9,7 +9,7 @@ import { LocalDataChangesService } from '../editing/local-data-changes.service';
 import { CreateFormGroup } from '../common/create-form-group';
 import * as i0 from "@angular/core";
 /**
- * Represent the directive that manages in-cell editing operations in the Grid when using Reactive Forms ([see example]({% slug editing_directives_grid %}#toc-in-cell-editing)).
+ * Represent the directive that manages in-cell editing operations in the Grid when using Reactive Forms ([see example](slug:editing_incell_grid#quick-setup)).
  *
  * @example
  * ```html

package/editing-directives/reactive-editing.directive.d.ts

@@ -8,7 +8,7 @@ import { LocalDataChangesService } from '../editing/local-data-changes.service';
 import { CreateFormGroup } from '../common/create-form-group';
 import * as i0 from "@angular/core";
 /**
- * Represents the directive that manages editing operations in the Grid when using Reactive Forms ([see example](slug:editing_directives_grid#toc-reactive-editing-directive)).
+ * Represents the directive that manages editing operations in the Grid when using Reactive Forms ([see example](slug:inline_editing_grid#using-reactive-forms)).
  *
  * @example
  * ```html

package/editing-directives/template-editing.directive.d.ts

@@ -7,7 +7,7 @@ import { GridComponent } from '../grid.component';
 import { LocalDataChangesService } from '../editing/local-data-changes.service';
 import * as i0 from "@angular/core";
 /**
- * Represents the directive that manages editing operations in the Grid when using Template-Driven Angular Forms ([see example]({% slug editing_directives_grid %}#toc-template-editing-directive)).
+ * Represents the directive that manages editing operations in the Grid when using Template-Driven Angular Forms ([see example](slug:inline_editing_grid#using-template-driven-forms)).
  *
  * @example
  * ```html

package/esm2022/column-menu/column-list-kb-nav.service.mjs

@@ -27,7 +27,7 @@ export class ColumnListKeyboardNavigation {
     toggle(index, active) {
         const element = this.items[index]?.hostElement.nativeElement.closest('.k-column-list-item');
         element && this.renderer.setAttribute(element, 'tabindex', active ? '0' : '-1');
-        active && element?.focus();
+        active && element?.focus({ preventScroll: true });
     }
     toggleCheckedState() {
         this.items[this.activeIndex].hostElement.nativeElement.closest('.k-column-list-item').firstElementChild.click();

package/esm2022/column-menu/column-list.component.mjs

@@ -5,7 +5,7 @@
 import { Component, HostBinding, Input, ElementRef, NgZone, Renderer2, Output, EventEmitter, ViewChildren, QueryList, Optional, ChangeDetectorRef } from '@angular/core';
 import { ColumnMenuService } from './column-menu.service';
 import { ColumnListKeyboardNavigation } from './column-list-kb-nav.service';
-import { EventsOutsideAngularDirective, Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
+import { Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { Subscription } from 'rxjs';
 import { NgFor, NgIf } from '@angular/common';
 import { CheckBoxComponent } from '@progress/kendo-angular-inputs';
@@ -136,15 +136,6 @@ export class ColumnListComponent {
             this.service.menuTabbingService.lastFocusable = this.applyButton.nativeElement;
         }
     }
-    onSelectAllClick(e) {
-        if (e.target.classList.contains('k-checkbox')) {
-            return;
-        }
-        e.preventDefault();
-        const label = e.target.closest('.k-column-list-item');
-        const input = label?.querySelector('input');
-        input.click();
-    }
     onSelectAllCheckboxChange(checkedState) {
         if (!checkedState && !this.allowHideAll) {
             const columnsToKeep = [];
@@ -326,25 +317,6 @@ export class ColumnListComponent {
             });
         }
     }
-    checkBoxClick(e) {
-        const closestItem = e.target.closest('.k-column-list-item');
-        if (!closestItem)
-            return;
-        const checkboxElement = closestItem.querySelector('.k-checkbox-wrap');
-        const input = checkboxElement?.querySelector('input');
-        if (e.target === input) {
-            return;
-        }
-        e.preventDefault();
-        if (input) {
-            const index = parseInt(input.getAttribute('data-index'), 10);
-            const column = this.filteredColumns[index];
-            const isDisabled = checkboxElement.classList.contains('k-disabled');
-            if (column && !isDisabled) {
-                input.click();
-            }
-        }
-    }
     onCheckboxChange(checkedState, column, _index) {
         column.currentlyChecked = checkedState;
         if (this.autoSync) {
@@ -378,9 +350,7 @@ export class ColumnListComponent {
             <label
                 *ngIf="showSelectAll"
                 class='k-column-list-item'
-                role="option"
-                [kendoEventsOutsideAngular]="{click: onSelectAllClick}"
-                [scope]="this">
+                role="option">
                 <kendo-checkbox
                     #checkbox
                     [inputAttributes]="{'data-index': '0'}"
@@ -393,9 +363,7 @@ export class ColumnListComponent {
             <label
                 *ngFor="let column of filteredColumns; let index = index;"
                 class='k-column-list-item'
-                role="option"
-                [kendoEventsOutsideAngular]="{click: checkBoxClick}"
-                [scope]="this">
+                role="option">
                 <kendo-checkbox
                     #checkbox
                     [inputAttributes]="{'data-index': index.toString()}"
@@ -406,7 +374,7 @@ export class ColumnListComponent {
                 <span class="k-checkbox-label">{{ column.displayTitle }}</span>
             </label>
         </div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnListComponent, decorators: [{
             type: Component,
@@ -422,9 +390,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             <label
                 *ngIf="showSelectAll"
                 class='k-column-list-item'
-                role="option"
-                [kendoEventsOutsideAngular]="{click: onSelectAllClick}"
-                [scope]="this">
+                role="option">
                 <kendo-checkbox
                     #checkbox
                     [inputAttributes]="{'data-index': '0'}"
@@ -437,9 +403,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             <label
                 *ngFor="let column of filteredColumns; let index = index;"
                 class='k-column-list-item'
-                role="option"
-                [kendoEventsOutsideAngular]="{click: checkBoxClick}"
-                [scope]="this">
+                role="option">
                 <kendo-checkbox
                     #checkbox
                     [inputAttributes]="{'data-index': index.toString()}"
@@ -452,7 +416,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         </div>
     `,
                     standalone: true,
-                    imports: [NgFor, NgIf, CheckBoxComponent, EventsOutsideAngularDirective]
+                    imports: [NgFor, NgIf, CheckBoxComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i1.ColumnListKeyboardNavigation }, { type: i0.ChangeDetectorRef }, { type: i2.ColumnInfoService, decorators: [{
                     type: Optional

package/esm2022/column-menu/column-menu-container.component.mjs

@@ -6,6 +6,7 @@ import { ColumnMenuItemDirective } from './column-menu-item.directive';
 import { Component, ContentChildren, Inject, NgZone, QueryList } from '@angular/core';
 import { take } from 'rxjs/operators';
 import { ColumnMenuService } from './column-menu.service';
+import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
 import * as i0 from "@angular/core";
 import * as i1 from "./column-menu.service";
 /**
@@ -33,7 +34,15 @@ export class ColumnMenuContainerComponent {
         else {
             return;
         }
-        this.ngZone.onStable.pipe(take(1)).subscribe(() => this.service.menuTabbingService.firstFocusable?.focus());
+        this.ngZone.onStable.pipe(take(1)).subscribe(() => {
+            const firstFocusable = this.service.menuTabbingService.firstFocusable;
+            if (firstFocusable instanceof DropDownListComponent) {
+                firstFocusable.wrapper.nativeElement.focus({ preventScroll: true });
+            }
+            else {
+                firstFocusable?.focus({ preventScroll: true });
+            }
+        });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuContainerComponent, deps: [{ token: i1.ColumnMenuService }, { token: NgZone }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnMenuContainerComponent, isStandalone: true, selector: "kendo-grid-columnmenu-container", queries: [{ propertyName: "columnMenuItems", predicate: ColumnMenuItemDirective, descendants: true }], ngImport: i0, template: `

package/esm2022/column-menu/column-menu.component.mjs

@@ -353,7 +353,13 @@ export class ColumnMenuComponent {
         ariaRoot && this.renderer.setAttribute(ariaRoot, 'aria-expanded', 'false');
     }
     focusRoot() {
-        this.isNavigable ? this.navigationService.focusCell(0, this.column.leafIndex) : this.anchor.nativeElement.focus();
+        if (this.isNavigable) {
+            this.navigationService.preventScroll = true;
+            this.navigationService.focusCell(0, this.column.leafIndex);
+        }
+        else {
+            this.anchor.nativeElement.focus({ preventScroll: true });
+        }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuComponent, deps: [{ token: i1.NavigationService }, { token: i2.SinglePopupService }, { token: i3.ColumnMenuService }, { token: i4.ContextService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i5.ColumnInfoService }, { token: i6.IdService, optional: true }, { token: i7.AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnMenuComponent, isStandalone: true, selector: "kendo-grid-column-menu", inputs: { standalone: "standalone", column: "column", settings: "settings", sort: "sort", filter: "filter", sortable: "sortable", columnMenuTemplate: "columnMenuTemplate", tabIndex: "tabIndex" }, host: { properties: { "class.k-grid-column-menu-standalone": "this.standalone" } }, providers: [

package/esm2022/columns/command-column.component.mjs

@@ -11,7 +11,7 @@ import * as i1 from "./column-base";
 import * as i2 from "../common/id.service";
 /**
  * Represents the command columns of the Grid. Define the content of the column inside an `<ng-template>` tag.
- * For more information and examples, see the [Command Column Directives](slug:editing_directives_grid#toc-command-column-directives) article.
+ * For more information and examples, see the [Editing Action Buttons](slug:basics_editing_grid#editing-action-buttons) article.
  *
  * @example
  * ```html

package/esm2022/columns/span-column.component.mjs

@@ -75,7 +75,7 @@ export class SpanColumnComponent extends ColumnBase {
     includeInChooser = false;
     /**
      * Sets whether the edit template of the column is rendered.
-     * To enable editing for a spanned column, set an edit template for it ([see example](slug:custom_reactive_editing_grid)).
+     * To enable editing for a spanned column, set an edit template for it ([see example](slug:custom_editors_grid#setting-up-custom-editors)).
      * @default false
      */
     set editable(value) {

package/esm2022/editing/cancel-command.directive.mjs

@@ -15,7 +15,7 @@ import * as i2 from "../common/provider.service";
 /**
  * Represents the `cancel` command of the Grid. Apply this directive to any `button`
  * element inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %})
- * ([see example](slug:editing_directives_grid#toc-command-column-directives)).
+ * ([see example](slug:basics_editing_grid#editing-action-buttons)).
  *
  * When a button with this directive is clicked, the
  * [`cancel`]({% slug api_grid_gridcomponent %}#toc-cancel) event

package/esm2022/editing/edit-template.directive.mjs

@@ -5,7 +5,7 @@
 import { Directive, TemplateRef, Optional } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Lets you customize the content of edited cells by providing a column edit-cell template for the Grid ([see example](slug:custom_reactive_editing_grid#toc-setting-up-custom-inputs)).
+ * Lets you customize the content of edited cells by providing a column edit-cell template for the Grid ([see example](slug:custom_editors_grid#setting-up-custom-editors)).
  * Place an `<ng-template>` tag with the `kendoGridEditTemplate` directive inside a `<kendo-grid-column>` tag to define the template.
  *
  * The template context includes:

package/esm2022/editing/remove-command.directive.mjs

@@ -15,7 +15,7 @@ import * as i2 from "../common/provider.service";
 /**
  * Represents the `remove` command of the Grid. Apply this directive to any `button` element
  * inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %})
- * ([see example](slug:editing_directives_grid#toc-command-column-directives)).
+ * ([see example](slug:basics_editing_grid#editing-action-buttons)).
  * When you click the button with this directive, the
  * [`remove`]({% slug api_grid_gridcomponent %}#toc-remove) event fires.
  * The button with `kendoGridRemoveCommand` is automatically hidden when the row is in edit mode.

package/esm2022/editing/save-command.directive.mjs

@@ -15,7 +15,7 @@ import * as i2 from "../common/provider.service";
 /**
  * Represents the `save` command of the Grid. Apply this directive to any `button`
  * element inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %})
- * ([see example](slug:editing_directives_grid#toc-command-column-directives)).
+ * ([see example](slug:basics_editing_grid#editing-action-buttons)).
  * When you click the button with this directive, the
  * [`save`]({% slug api_grid_gridcomponent %}#toc-save) event fires.
  * The button with `kendoGridSaveCommand` is automatically hidden when the row is not in edit mode.

package/esm2022/editing-directives/external-editing.directive.mjs

@@ -16,7 +16,7 @@ import * as i2 from "../editing/local-data-changes.service";
 import * as i3 from "../common/adaptiveness.service";
 /**
  * Represents the Kendo UI Grid external editing directive. The directive manages editing operations in the Grid when using the
- * External Form ([see example](slug:editing_directives_grid#external-editing)).
+ * External Form ([see example](slug:external_editing_grid#quick-setup)).
  *
  * @example
  * ```typescript

package/esm2022/editing-directives/in-cell-editing.directive.mjs

@@ -12,7 +12,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "../grid.component";
 import * as i2 from "../editing/local-data-changes.service";
 /**
- * Represent the directive that manages in-cell editing operations in the Grid when using Reactive Forms ([see example]({% slug editing_directives_grid %}#toc-in-cell-editing)).
+ * Represent the directive that manages in-cell editing operations in the Grid when using Reactive Forms ([see example](slug:editing_incell_grid#quick-setup)).
  *
  * @example
  * ```html

package/esm2022/editing-directives/reactive-editing.directive.mjs

@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "../grid.component";
 import * as i2 from "../editing/local-data-changes.service";
 /**
- * Represents the directive that manages editing operations in the Grid when using Reactive Forms ([see example](slug:editing_directives_grid#toc-reactive-editing-directive)).
+ * Represents the directive that manages editing operations in the Grid when using Reactive Forms ([see example](slug:inline_editing_grid#using-reactive-forms)).
  *
  * @example
  * ```html

package/esm2022/editing-directives/template-editing.directive.mjs

@@ -10,7 +10,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "../grid.component";
 import * as i2 from "../editing/local-data-changes.service";
 /**
- * Represents the directive that manages editing operations in the Grid when using Template-Driven Angular Forms ([see example]({% slug editing_directives_grid %}#toc-template-editing-directive)).
+ * Represents the directive that manages editing operations in the Grid when using Template-Driven Angular Forms ([see example](slug:inline_editing_grid#using-template-driven-forms)).
  *
  * @example
  * ```html

package/esm2022/filtering/menu/filter-menu-input-wrapper.component.mjs

@@ -45,11 +45,11 @@ export class FilterMenuInputWrapperComponent extends FilterInputWrapperComponent
             this.filterService.menuTabbingService.firstFocusable = this.firstOperatorDropDown;
             if (this.ctx.grid?.isActionSheetExpanded) {
                 this.subs.add(this.adaptiveGridService.animationEnd.subscribe(() => {
-                    this.firstOperatorDropDown.focus();
+                    this.firstOperatorDropDown.wrapper.nativeElement.focus({ preventScroll: true });
                 }));
             }
             else {
-                this.firstOperatorDropDown.focus();
+                this.firstOperatorDropDown.wrapper.nativeElement.focus({ preventScroll: true });
             }
         }
     }

package/esm2022/filtering/menu/filter-menu.component.mjs

@@ -139,7 +139,13 @@ export class FilterMenuComponent {
         this.cdr.markForCheck();
     }
     focusRoot() {
-        this.isNavigable ? this.navigationService.focusCell(0, this.column.leafIndex) : this.anchor.nativeElement.focus();
+        if (this.isNavigable) {
+            this.navigationService.preventScroll = true;
+            this.navigationService.focusCell(0, this.column.leafIndex);
+        }
+        else {
+            this.anchor.nativeElement.focus({ preventScroll: true });
+        }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuComponent, deps: [{ token: i1.FilterService }, { token: i2.SinglePopupService }, { token: i3.ContextService }, { token: i4.NavigationService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i5.AdaptiveGridService }, { token: i0.NgZone }, { token: i6.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterMenuComponent, isStandalone: true, selector: "kendo-grid-filter-menu", inputs: { column: "column", filter: "filter", tabIndex: "tabIndex" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, static: true }, { propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: `

package/esm2022/navigation/logical-cell.directive.mjs

@@ -123,8 +123,14 @@ export class LogicalCellDirective {
                 this.focusGroup.focus();
             }
             else {
-                if (!this.logicalSlaveCell && this.navigationService.autoFocusCell(this.logicalColIndex, this.logicalColIndex + this.colSpan - 1)) {
-                    this.microtask(() => this.isFocused() && el.focus());
+                if (!this.logicalSlaveCell &&
+                    this.navigationService.autoFocusCell(this.logicalColIndex, this.logicalColIndex + this.colSpan - 1)) {
+                    this.microtask(() => {
+                        if (this.isFocused()) {
+                            el.focus({ preventScroll: this.navigationService.preventScroll });
+                            this.navigationService.preventScroll = false;
+                        }
+                    });
                 }
                 this.renderer.addClass(el, 'k-focus');
             }

package/esm2022/navigation/navigation.service.mjs

@@ -155,6 +155,7 @@ export class NavigationService {
             return columnIndexInsideGroup !== columnGroupChildren.length - 1;
         }
     }
+    preventScroll = false;
     viewport;
     columnViewport;
     activeRowIndex = 0;

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1759307158,
-    version: '20.1.0-develop.5',
+    publishDate: 1759477759,
+    version: '20.1.0-develop.7',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/rendering/toolbar/tools/column-chooser-tool.directive.mjs

@@ -216,7 +216,7 @@ export class ColumnChooserToolbarDirective extends ToolbarToolBase {
         this.buttonElement?.setAttribute('aria-expanded', 'false');
         this.buttonElement?.removeAttribute('aria-controls');
         this.host.selected = false;
-        focusAnchor && this.buttonElement?.focus();
+        focusAnchor && this.buttonElement?.focus({ preventScroll: true });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnChooserToolbarDirective, deps: [{ token: i0.Renderer2 }, { token: i1.PopupService }, { token: i2.ToolBarButtonComponent }, { token: i3.ContextService }, { token: i0.NgZone }, { token: i2.RefreshService }, { token: i4.AdaptiveGridService }, { token: i5.ColumnInfoService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ColumnChooserToolbarDirective, isStandalone: true, selector: "[kendoGridColumnChooserTool]", inputs: { autoSync: "autoSync", allowHideAll: "allowHideAll", filterable: "filterable", showSelectAll: "showSelectAll" }, usesInheritance: true, ngImport: i0 });

package/esm2022/rendering/toolbar/tools/filter-toolbar-tool.component.mjs

@@ -91,7 +91,7 @@ export class FilterToolbarToolComponent {
     }
     ngAfterViewInit() {
         this.ngZone.onStable.pipe(take(1)).subscribe(() => {
-            this.filterItems?.get(0)?.nativeElement.focus();
+            this.filterItems?.get(0)?.nativeElement.focus({ preventScroll: true });
         });
     }
     ngOnDestroy() {

package/esm2022/rendering/toolbar/tools/group-toolbar-tool.component.mjs

@@ -34,12 +34,12 @@ export class GroupToolbarToolComponent {
         if (items?.first && (!isPresent(this.currentFocusedItemIndex) || this.currentFocusedItemIndex >= items.length || this.currentFocusedItemIndex < 0)) {
             this.ngZone.onStable.pipe(take(1)).subscribe(() => {
                 this.currentFocusedItemIndex = 0;
-                this.groupItems.first.nativeElement.focus();
+                this.groupItems.first.nativeElement.focus({ preventScroll: true });
             });
             return;
         }
         if (items?.first) {
-            items.get(this.currentFocusedItemIndex).nativeElement.focus();
+            items.get(this.currentFocusedItemIndex).nativeElement.focus({ preventScroll: true });
         }
     }
     get groupItems() {

package/esm2022/rendering/toolbar/tools/sort-toolbar-tool.component.mjs

@@ -70,7 +70,7 @@ export class SortToolbarToolComponent {
     }
     ngAfterViewInit() {
         this.ngZone.onStable.pipe(take(1)).subscribe(() => {
-            this.sortItems?.get(0)?.nativeElement.focus();
+            this.sortItems?.get(0)?.nativeElement.focus({ preventScroll: true });
         });
     }
     ngOnDestroy() {

package/fesm2022/progress-kendo-angular-grid.mjs

@@ -1933,7 +1933,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }] }]; } });
 
 /**
- * Lets you customize the content of edited cells by providing a column edit-cell template for the Grid ([see example](slug:custom_reactive_editing_grid#toc-setting-up-custom-inputs)).
+ * Lets you customize the content of edited cells by providing a column edit-cell template for the Grid ([see example](slug:custom_editors_grid#setting-up-custom-editors)).
  * Place an `<ng-template>` tag with the `kendoGridEditTemplate` directive inside a `<kendo-grid-column>` tag to define the template.
  *
  * The template context includes:
@@ -3045,7 +3045,7 @@ class SpanColumnComponent extends ColumnBase {
     includeInChooser = false;
     /**
      * Sets whether the edit template of the column is rendered.
-     * To enable editing for a spanned column, set an edit template for it ([see example](slug:custom_reactive_editing_grid)).
+     * To enable editing for a spanned column, set an edit template for it ([see example](slug:custom_editors_grid#setting-up-custom-editors)).
      * @default false
      */
     set editable(value) {
@@ -3507,6 +3507,7 @@ class NavigationService {
             return columnIndexInsideGroup !== columnGroupChildren.length - 1;
         }
     }
+    preventScroll = false;
     viewport;
     columnViewport;
     activeRowIndex = 0;
@@ -5264,8 +5265,14 @@ class LogicalCellDirective {
                 this.focusGroup.focus();
             }
             else {
-                if (!this.logicalSlaveCell && this.navigationService.autoFocusCell(this.logicalColIndex, this.logicalColIndex + this.colSpan - 1)) {
-                    this.microtask(() => this.isFocused() && el.focus());
+                if (!this.logicalSlaveCell &&
+                    this.navigationService.autoFocusCell(this.logicalColIndex, this.logicalColIndex + this.colSpan - 1)) {
+                    this.microtask(() => {
+                        if (this.isFocused()) {
+                            el.focus({ preventScroll: this.navigationService.preventScroll });
+                            this.navigationService.preventScroll = false;
+                        }
+                    });
                 }
                 this.renderer.addClass(el, 'k-focus');
             }
@@ -8964,11 +8971,11 @@ class FilterMenuInputWrapperComponent extends FilterInputWrapperComponent {
             this.filterService.menuTabbingService.firstFocusable = this.firstOperatorDropDown;
             if (this.ctx.grid?.isActionSheetExpanded) {
                 this.subs.add(this.adaptiveGridService.animationEnd.subscribe(() => {
-                    this.firstOperatorDropDown.focus();
+                    this.firstOperatorDropDown.wrapper.nativeElement.focus({ preventScroll: true });
                 }));
             }
             else {
-                this.firstOperatorDropDown.focus();
+                this.firstOperatorDropDown.wrapper.nativeElement.focus({ preventScroll: true });
             }
         }
     }
@@ -11072,7 +11079,13 @@ class FilterMenuComponent {
         this.cdr.markForCheck();
     }
     focusRoot() {
-        this.isNavigable ? this.navigationService.focusCell(0, this.column.leafIndex) : this.anchor.nativeElement.focus();
+        if (this.isNavigable) {
+            this.navigationService.preventScroll = true;
+            this.navigationService.focusCell(0, this.column.leafIndex);
+        }
+        else {
+            this.anchor.nativeElement.focus({ preventScroll: true });
+        }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuComponent, deps: [{ token: FilterService }, { token: SinglePopupService }, { token: ContextService }, { token: NavigationService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: AdaptiveGridService }, { token: i0.NgZone }, { token: IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterMenuComponent, isStandalone: true, selector: "kendo-grid-filter-menu", inputs: { column: "column", filter: "filter", tabIndex: "tabIndex" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, static: true }, { propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: `
@@ -12087,7 +12100,7 @@ class ColumnListKeyboardNavigation {
     toggle(index, active) {
         const element = this.items[index]?.hostElement.nativeElement.closest('.k-column-list-item');
         element && this.renderer.setAttribute(element, 'tabindex', active ? '0' : '-1');
-        active && element?.focus();
+        active && element?.focus({ preventScroll: true });
     }
     toggleCheckedState() {
         this.items[this.activeIndex].hostElement.nativeElement.closest('.k-column-list-item').firstElementChild.click();
@@ -12217,15 +12230,6 @@ class ColumnListComponent {
             this.service.menuTabbingService.lastFocusable = this.applyButton.nativeElement;
         }
     }
-    onSelectAllClick(e) {
-        if (e.target.classList.contains('k-checkbox')) {
-            return;
-        }
-        e.preventDefault();
-        const label = e.target.closest('.k-column-list-item');
-        const input = label?.querySelector('input');
-        input.click();
-    }
     onSelectAllCheckboxChange(checkedState) {
         if (!checkedState && !this.allowHideAll) {
             const columnsToKeep = [];
@@ -12407,25 +12411,6 @@ class ColumnListComponent {
             });
         }
     }
-    checkBoxClick(e) {
-        const closestItem = e.target.closest('.k-column-list-item');
-        if (!closestItem)
-            return;
-        const checkboxElement = closestItem.querySelector('.k-checkbox-wrap');
-        const input = checkboxElement?.querySelector('input');
-        if (e.target === input) {
-            return;
-        }
-        e.preventDefault();
-        if (input) {
-            const index = parseInt(input.getAttribute('data-index'), 10);
-            const column = this.filteredColumns[index];
-            const isDisabled = checkboxElement.classList.contains('k-disabled');
-            if (column && !isDisabled) {
-                input.click();
-            }
-        }
-    }
     onCheckboxChange(checkedState, column, _index) {
         column.currentlyChecked = checkedState;
         if (this.autoSync) {
@@ -12459,9 +12444,7 @@ class ColumnListComponent {
             <label
                 *ngIf="showSelectAll"
                 class='k-column-list-item'
-                role="option"
-                [kendoEventsOutsideAngular]="{click: onSelectAllClick}"
-                [scope]="this">
+                role="option">
                 <kendo-checkbox
                     #checkbox
                     [inputAttributes]="{'data-index': '0'}"
@@ -12474,9 +12457,7 @@ class ColumnListComponent {
             <label
                 *ngFor="let column of filteredColumns; let index = index;"
                 class='k-column-list-item'
-                role="option"
-                [kendoEventsOutsideAngular]="{click: checkBoxClick}"
-                [scope]="this">
+                role="option">
                 <kendo-checkbox
                     #checkbox
                     [inputAttributes]="{'data-index': index.toString()}"
@@ -12487,7 +12468,7 @@ class ColumnListComponent {
                 <span class="k-checkbox-label">{{ column.displayTitle }}</span>
             </label>
         </div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnListComponent, decorators: [{
             type: Component,
@@ -12503,9 +12484,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             <label
                 *ngIf="showSelectAll"
                 class='k-column-list-item'
-                role="option"
-                [kendoEventsOutsideAngular]="{click: onSelectAllClick}"
-                [scope]="this">
+                role="option">
                 <kendo-checkbox
                     #checkbox
                     [inputAttributes]="{'data-index': '0'}"
@@ -12518,9 +12497,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             <label
                 *ngFor="let column of filteredColumns; let index = index;"
                 class='k-column-list-item'
-                role="option"
-                [kendoEventsOutsideAngular]="{click: checkBoxClick}"
-                [scope]="this">
+                role="option">
                 <kendo-checkbox
                     #checkbox
                     [inputAttributes]="{'data-index': index.toString()}"
@@ -12533,7 +12510,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         </div>
     `,
                     standalone: true,
-                    imports: [NgFor, NgIf, CheckBoxComponent, EventsOutsideAngularDirective]
+                    imports: [NgFor, NgIf, CheckBoxComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: ColumnListKeyboardNavigation }, { type: i0.ChangeDetectorRef }, { type: ColumnInfoService, decorators: [{
                     type: Optional
@@ -13375,7 +13352,7 @@ class ColumnChooserToolbarDirective extends ToolbarToolBase {
         this.buttonElement?.setAttribute('aria-expanded', 'false');
         this.buttonElement?.removeAttribute('aria-controls');
         this.host.selected = false;
-        focusAnchor && this.buttonElement?.focus();
+        focusAnchor && this.buttonElement?.focus({ preventScroll: true });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnChooserToolbarDirective, deps: [{ token: i0.Renderer2 }, { token: i2.PopupService }, { token: i54.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i54.RefreshService }, { token: AdaptiveGridService }, { token: ColumnInfoService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ColumnChooserToolbarDirective, isStandalone: true, selector: "[kendoGridColumnChooserTool]", inputs: { autoSync: "autoSync", allowHideAll: "allowHideAll", filterable: "filterable", showSelectAll: "showSelectAll" }, usesInheritance: true, ngImport: i0 });
@@ -14899,7 +14876,15 @@ class ColumnMenuContainerComponent {
         else {
             return;
         }
-        this.ngZone.onStable.pipe(take(1)).subscribe(() => this.service.menuTabbingService.firstFocusable?.focus());
+        this.ngZone.onStable.pipe(take(1)).subscribe(() => {
+            const firstFocusable = this.service.menuTabbingService.firstFocusable;
+            if (firstFocusable instanceof DropDownListComponent) {
+                firstFocusable.wrapper.nativeElement.focus({ preventScroll: true });
+            }
+            else {
+                firstFocusable?.focus({ preventScroll: true });
+            }
+        });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuContainerComponent, deps: [{ token: ColumnMenuService }, { token: NgZone }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnMenuContainerComponent, isStandalone: true, selector: "kendo-grid-columnmenu-container", queries: [{ propertyName: "columnMenuItems", predicate: ColumnMenuItemDirective, descendants: true }], ngImport: i0, template: `
@@ -15354,7 +15339,13 @@ class ColumnMenuComponent {
         ariaRoot && this.renderer.setAttribute(ariaRoot, 'aria-expanded', 'false');
     }
     focusRoot() {
-        this.isNavigable ? this.navigationService.focusCell(0, this.column.leafIndex) : this.anchor.nativeElement.focus();
+        if (this.isNavigable) {
+            this.navigationService.preventScroll = true;
+            this.navigationService.focusCell(0, this.column.leafIndex);
+        }
+        else {
+            this.anchor.nativeElement.focus({ preventScroll: true });
+        }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuComponent, deps: [{ token: NavigationService }, { token: SinglePopupService }, { token: ColumnMenuService }, { token: ContextService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: ColumnInfoService }, { token: IdService, optional: true }, { token: AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnMenuComponent, isStandalone: true, selector: "kendo-grid-column-menu", inputs: { standalone: "standalone", column: "column", settings: "settings", sort: "sort", filter: "filter", sortable: "sortable", columnMenuTemplate: "columnMenuTemplate", tabIndex: "tabIndex" }, host: { properties: { "class.k-grid-column-menu-standalone": "this.standalone" } }, providers: [
@@ -19549,7 +19540,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 /**
  * Represents the command columns of the Grid. Define the content of the column inside an `<ng-template>` tag.
- * For more information and examples, see the [Command Column Directives](slug:editing_directives_grid#toc-command-column-directives) article.
+ * For more information and examples, see the [Editing Action Buttons](slug:basics_editing_grid#editing-action-buttons) article.
  *
  * @example
  * ```html
@@ -21796,7 +21787,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 /**
  * Represents the `cancel` command of the Grid. Apply this directive to any `button`
  * element inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %})
- * ([see example](slug:editing_directives_grid#toc-command-column-directives)).
+ * ([see example](slug:basics_editing_grid#editing-action-buttons)).
  *
  * When a button with this directive is clicked, the
  * [`cancel`]({% slug api_grid_gridcomponent %}#toc-cancel) event
@@ -21900,7 +21891,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 /**
  * Represents the `save` command of the Grid. Apply this directive to any `button`
  * element inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %})
- * ([see example](slug:editing_directives_grid#toc-command-column-directives)).
+ * ([see example](slug:basics_editing_grid#editing-action-buttons)).
  * When you click the button with this directive, the
  * [`save`]({% slug api_grid_gridcomponent %}#toc-save) event fires.
  * The button with `kendoGridSaveCommand` is automatically hidden when the row is not in edit mode.
@@ -22003,7 +21994,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 /**
  * Represents the `remove` command of the Grid. Apply this directive to any `button` element
  * inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %})
- * ([see example](slug:editing_directives_grid#toc-command-column-directives)).
+ * ([see example](slug:basics_editing_grid#editing-action-buttons)).
  * When you click the button with this directive, the
  * [`remove`]({% slug api_grid_gridcomponent %}#toc-remove) event fires.
  * The button with `kendoGridRemoveCommand` is automatically hidden when the row is in edit mode.
@@ -22427,8 +22418,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1759307158,
-    version: '20.1.0-develop.5',
+    publishDate: 1759477759,
+    version: '20.1.0-develop.7',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -26941,7 +26932,7 @@ class FilterToolbarToolComponent {
     }
     ngAfterViewInit() {
         this.ngZone.onStable.pipe(take(1)).subscribe(() => {
-            this.filterItems?.get(0)?.nativeElement.focus();
+            this.filterItems?.get(0)?.nativeElement.focus({ preventScroll: true });
         });
     }
     ngOnDestroy() {
@@ -27127,7 +27118,7 @@ class SortToolbarToolComponent {
     }
     ngAfterViewInit() {
         this.ngZone.onStable.pipe(take(1)).subscribe(() => {
-            this.sortItems?.get(0)?.nativeElement.focus();
+            this.sortItems?.get(0)?.nativeElement.focus({ preventScroll: true });
         });
     }
     ngOnDestroy() {
@@ -27689,12 +27680,12 @@ class GroupToolbarToolComponent {
         if (items?.first && (!isPresent$1(this.currentFocusedItemIndex) || this.currentFocusedItemIndex >= items.length || this.currentFocusedItemIndex < 0)) {
             this.ngZone.onStable.pipe(take(1)).subscribe(() => {
                 this.currentFocusedItemIndex = 0;
-                this.groupItems.first.nativeElement.focus();
+                this.groupItems.first.nativeElement.focus({ preventScroll: true });
             });
             return;
         }
         if (items?.first) {
-            items.get(this.currentFocusedItemIndex).nativeElement.focus();
+            items.get(this.currentFocusedItemIndex).nativeElement.focus({ preventScroll: true });
         }
     }
     get groupItems() {
@@ -34722,7 +34713,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 /**
- * Represents the directive that manages editing operations in the Grid when using Template-Driven Angular Forms ([see example]({% slug editing_directives_grid %}#toc-template-editing-directive)).
+ * Represents the directive that manages editing operations in the Grid when using Template-Driven Angular Forms ([see example](slug:inline_editing_grid#using-template-driven-forms)).
  *
  * @example
  * ```html
@@ -34799,7 +34790,7 @@ const markAllAsTouched = (control) => {
 };
 
 /**
- * Represents the directive that manages editing operations in the Grid when using Reactive Forms ([see example](slug:editing_directives_grid#toc-reactive-editing-directive)).
+ * Represents the directive that manages editing operations in the Grid when using Reactive Forms ([see example](slug:inline_editing_grid#using-reactive-forms)).
  *
  * @example
  * ```html
@@ -34848,7 +34839,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Represent the directive that manages in-cell editing operations in the Grid when using Reactive Forms ([see example]({% slug editing_directives_grid %}#toc-in-cell-editing)).
+ * Represent the directive that manages in-cell editing operations in the Grid when using Reactive Forms ([see example](slug:editing_incell_grid#quick-setup)).
  *
  * @example
  * ```html
@@ -34934,7 +34925,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 /**
  * Represents the Kendo UI Grid external editing directive. The directive manages editing operations in the Grid when using the
- * External Form ([see example](slug:editing_directives_grid#external-editing)).
+ * External Form ([see example](slug:external_editing_grid#quick-setup)).
  *
  * @example
  * ```typescript

package/navigation/navigation.service.d.ts

@@ -59,6 +59,7 @@ export declare class NavigationService implements OnDestroy {
     get activeCell(): NavigationCell;
     get activeRow(): NavigationRow;
     get isColumnResizable(): boolean;
+    preventScroll: boolean;
     viewport: NavigationViewport;
     columnViewport: NavigationViewport;
     private activeRowIndex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-grid",
-  "version": "20.1.0-develop.5",
+  "version": "20.1.0-develop.7",
   "description": "Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -41,7 +41,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1759307158,
+      "publishDate": 1759477759,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -54,29 +54,29 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.21.0",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-buttons": "20.1.0-develop.5",
-    "@progress/kendo-angular-common": "20.1.0-develop.5",
-    "@progress/kendo-angular-dateinputs": "20.1.0-develop.5",
-    "@progress/kendo-angular-layout": "20.1.0-develop.5",
-    "@progress/kendo-angular-navigation": "20.1.0-develop.5",
-    "@progress/kendo-angular-dropdowns": "20.1.0-develop.5",
-    "@progress/kendo-angular-excel-export": "20.1.0-develop.5",
-    "@progress/kendo-angular-icons": "20.1.0-develop.5",
-    "@progress/kendo-angular-inputs": "20.1.0-develop.5",
-    "@progress/kendo-angular-conversational-ui": "20.1.0-develop.5",
-    "@progress/kendo-angular-intl": "20.1.0-develop.5",
-    "@progress/kendo-angular-l10n": "20.1.0-develop.5",
-    "@progress/kendo-angular-label": "20.1.0-develop.5",
-    "@progress/kendo-angular-pager": "20.1.0-develop.5",
-    "@progress/kendo-angular-pdf-export": "20.1.0-develop.5",
-    "@progress/kendo-angular-popup": "20.1.0-develop.5",
-    "@progress/kendo-angular-toolbar": "20.1.0-develop.5",
-    "@progress/kendo-angular-utils": "20.1.0-develop.5",
+    "@progress/kendo-angular-buttons": "20.1.0-develop.7",
+    "@progress/kendo-angular-common": "20.1.0-develop.7",
+    "@progress/kendo-angular-dateinputs": "20.1.0-develop.7",
+    "@progress/kendo-angular-layout": "20.1.0-develop.7",
+    "@progress/kendo-angular-navigation": "20.1.0-develop.7",
+    "@progress/kendo-angular-dropdowns": "20.1.0-develop.7",
+    "@progress/kendo-angular-excel-export": "20.1.0-develop.7",
+    "@progress/kendo-angular-icons": "20.1.0-develop.7",
+    "@progress/kendo-angular-inputs": "20.1.0-develop.7",
+    "@progress/kendo-angular-conversational-ui": "20.1.0-develop.7",
+    "@progress/kendo-angular-intl": "20.1.0-develop.7",
+    "@progress/kendo-angular-l10n": "20.1.0-develop.7",
+    "@progress/kendo-angular-label": "20.1.0-develop.7",
+    "@progress/kendo-angular-pager": "20.1.0-develop.7",
+    "@progress/kendo-angular-pdf-export": "20.1.0-develop.7",
+    "@progress/kendo-angular-popup": "20.1.0-develop.7",
+    "@progress/kendo-angular-toolbar": "20.1.0-develop.7",
+    "@progress/kendo-angular-utils": "20.1.0-develop.7",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "20.1.0-develop.5",
+    "@progress/kendo-angular-schematics": "20.1.0-develop.7",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-file-saver": "^1.0.0"
   },

package/schematics/ngAdd/index.js

@@ -4,14 +4,14 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'GridModule', package: 'grid', peerDependencies: {
             // peer deps of the dropdowns
-            '@progress/kendo-angular-treeview': '20.1.0-develop.5',
-            '@progress/kendo-angular-navigation': '20.1.0-develop.5',
+            '@progress/kendo-angular-treeview': '20.1.0-develop.7',
+            '@progress/kendo-angular-navigation': '20.1.0-develop.7',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '20.1.0-develop.5',
+            '@progress/kendo-angular-dialog': '20.1.0-develop.7',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0',
             // peer dependency of kendo-angular-layout
-            '@progress/kendo-angular-progressbar': '20.1.0-develop.5'
+            '@progress/kendo-angular-progressbar': '20.1.0-develop.7'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }