diff --git a/src/sql/workbench/parts/notebook/cellViews/code.component.ts b/src/sql/workbench/parts/notebook/cellViews/code.component.ts index 5dd6d78646..f7743f29c7 100644 --- a/src/sql/workbench/parts/notebook/cellViews/code.component.ts +++ b/src/sql/workbench/parts/notebook/cellViews/code.component.ts @@ -308,7 +308,7 @@ export class CodeComponent extends AngularDisposable implements OnInit, OnChange private setFocusAndScroll(): void { if (this.cellModel.id === this._activeCellId) { this._editor.focus(); - this._editor.getContainer().scrollIntoView(); + this._editor.getContainer().scrollIntoView({ behavior: 'smooth', block: 'nearest' }); } } diff --git a/src/sql/workbench/parts/notebook/cellViews/textCell.component.ts b/src/sql/workbench/parts/notebook/cellViews/textCell.component.ts index 9d9412efee..77e9fed623 100644 --- a/src/sql/workbench/parts/notebook/cellViews/textCell.component.ts +++ b/src/sql/workbench/parts/notebook/cellViews/textCell.component.ts @@ -287,7 +287,7 @@ export class TextCellComponent extends CellView implements OnInit, AfterContentI this.toggleEditMode(this.isActive()); if (this.output && this.output.nativeElement) { - (this.output.nativeElement).scrollTo(); + (this.output.nativeElement).scrollTo({ behavior: 'smooth' }); } }