From c85bfdd823693476c4c4de41988b9b9a93afd98f Mon Sep 17 00:00:00 2001
From: Luna Heyman <luna.heyman@gmail.com>
Date: Mon, 6 Nov 2023 14:56:17 +0100
Subject: [PATCH] fix text selection in code editor and monaco editor

---
 src/propertyFields/codeEditor/PropertyFieldCodeEditorHost.tsx | 1 +
 .../monacoEditor/PropertyFieldMonacoEditorHost.tsx            | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/propertyFields/codeEditor/PropertyFieldCodeEditorHost.tsx b/src/propertyFields/codeEditor/PropertyFieldCodeEditorHost.tsx
index 8929bdf5..147ca733 100644
--- a/src/propertyFields/codeEditor/PropertyFieldCodeEditorHost.tsx
+++ b/src/propertyFields/codeEditor/PropertyFieldCodeEditorHost.tsx
@@ -216,6 +216,7 @@ export default class PropertyFieldCodeEditorHost extends React.Component<IProper
               boxSizing: 'border-box'
             }
           }}
+          layerProps={{ eventBubblingEnabled: true }}
           onRenderFooterContent={() => (
             <div className={styles.actions}>
               <div className="ms-Grid" dir="ltr">
diff --git a/src/propertyFields/monacoEditor/PropertyFieldMonacoEditorHost.tsx b/src/propertyFields/monacoEditor/PropertyFieldMonacoEditorHost.tsx
index f375e853..0431fbfe 100644
--- a/src/propertyFields/monacoEditor/PropertyFieldMonacoEditorHost.tsx
+++ b/src/propertyFields/monacoEditor/PropertyFieldMonacoEditorHost.tsx
@@ -103,7 +103,9 @@ export default class PropertyFieldMonacoEditorHost extends React.Component<
           }}
           headerText={strings.MonacoEditorPanelTitle}
           onRenderFooterContent={this.onRenderFooterContent}
-          isFooterAtBottom={true}>
+          isFooterAtBottom={true}
+          layerProps={{ eventBubblingEnabled: true }}
+        >
           <div className={this.controlClasses.headerTitle}>
             <MonacoEditor {...this.props} onValueChange={ this._onValueChange}/>
           </div>