scroll list view on keyboard focus

src/vs/workbench/contrib/chat/browser/chatWidget.ts

@@ -218,6 +218,9 @@ export class ChatWidget extends Disposable implements IChatWidget {
 
 	readonly viewContext: IChatWidgetViewContext;
 
+	private _activeElement: HTMLElement | undefined;
+	private _lastEventWasFromKeyboard: boolean = false;
+
 	constructor(
 		location: ChatAgentLocation | IChatWidgetLocationOptions,
 		_viewContext: IChatWidgetViewContext | undefined,
@@ -457,6 +460,34 @@ export class ChatWidget extends Disposable implements IChatWidget {
 
 		this._register(this.instantiationService.createInstance(ChatDragAndDrop, this.container, this.inputPart, this.styles));
 		this._register((this.chatWidgetService as ChatWidgetService).register(this));
+
+		this._setupFocusObserver();
+	}
+
+	private _setupFocusObserver(): void {
+		this.listContainer.addEventListener('focus', () => {
+			const element = dom.getActiveElement() as HTMLElement | null;
+			if (this._activeElement !== element && element !== null) {
+				this._activeElement = element;
+				this._scrollToActiveElement(this._activeElement);
+			}
+		}, true);
+	}
+
+
+	private _scrollToActiveElement(element: HTMLElement) {
+		const containerRect = this.tree.getHTMLElement().getBoundingClientRect();
+		const elementRect = element.getBoundingClientRect();
+
+		const topOffset = elementRect.top - containerRect.top;
+
+		if (topOffset < 0) {
+			// Scroll up
+			this.tree.scrollTop += topOffset;
+		} else if (element.offsetTop > this.listContainer.clientHeight) {
+			// Scroll down
+			this.tree.scrollTop += topOffset;
+		}
 	}
 
 	getContrib<T extends IChatWidgetContrib>(id: string): T | undefined {