From aa72330ad8758ec13287a54d92d4db6d0cba0a1b Mon Sep 17 00:00:00 2001
From: Mark Sujew <mark.sujew@typefox.io>
Date: Mon, 16 Sep 2024 17:56:18 +0200
Subject: [PATCH] Fix notebook context selection

---
 packages/notebook/src/browser/notebook-editor-widget.tsx | 2 +-
 packages/notebook/src/browser/style/index.css            | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/notebook/src/browser/notebook-editor-widget.tsx b/packages/notebook/src/browser/notebook-editor-widget.tsx
index d69c556d794e2..a936a270825a4 100644
--- a/packages/notebook/src/browser/notebook-editor-widget.tsx
+++ b/packages/notebook/src/browser/notebook-editor-widget.tsx
@@ -233,7 +233,7 @@ export class NotebookEditorWidget extends ReactWidget implements Navigatable, Sa
 
     protected render(): ReactNode {
         if (this._model) {
-            return <div className='theia-notebook-main-container'>
+            return <div className='theia-notebook-main-container' tabIndex={-1}>
                 <div className='theia-notebook-overlay'>
                     <NotebookFindWidget
                         ref={this._findWidgetRef}
diff --git a/packages/notebook/src/browser/style/index.css b/packages/notebook/src/browser/style/index.css
index 64c6fa1b3091b..7a8a4c741c5b6 100644
--- a/packages/notebook/src/browser/style/index.css
+++ b/packages/notebook/src/browser/style/index.css
@@ -209,6 +209,10 @@
   overflow: hidden;
 }
 
+.theia-notebook-main-container:focus {
+  outline: none;
+}
+
 .theia-notebook-main-container .theia-notebook-main-loading-indicator {
   /* `progress-animation` is defined in `packages/core/src/browser/style/progress-bar.css` */
   animation: progress-animation 1.8s 0s infinite cubic-bezier(0.645, 0.045, 0.355, 1);