From 37ee77d7d047ebfdc5c6cc047dd7ee5358170af3 Mon Sep 17 00:00:00 2001
From: Tatiana Lopaeva <tatiana.lopaeva@onlyoffice.com>
Date: Thu, 16 Dec 2021 09:00:11 +0300
Subject: [PATCH] Fixed Bug 52887 - Web:Files:SelectFileDialog: The picture is
 replaced through the context menu in the editor.

---
 .../components/panels/SelectFileDialog/AsideView.js    | 10 +++++++++-
 .../components/panels/SelectFileDialog/ModalView.js    | 10 +++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/products/ASC.Files/Client/src/components/panels/SelectFileDialog/AsideView.js b/products/ASC.Files/Client/src/components/panels/SelectFileDialog/AsideView.js
index 1defac253be..9667f08c621 100644
--- a/products/ASC.Files/Client/src/components/panels/SelectFileDialog/AsideView.js
+++ b/products/ASC.Files/Client/src/components/panels/SelectFileDialog/AsideView.js
@@ -50,8 +50,16 @@ const SelectFileDialogAsideView = ({
   };
   const isHeaderChildren = !!header;
 
+  const onMouseEvent = (event) => {
+    event.stopPropagation();
+  };
+
   return (
-    <StyledAsidePanel visible={isPanelVisible}>
+    <StyledAsidePanel
+      visible={isPanelVisible}
+      onMouseUp={onMouseEvent}
+      onMouseDown={onMouseEvent}
+    >
       <Backdrop
         onClick={onClose}
         visible={isPanelVisible}
diff --git a/products/ASC.Files/Client/src/components/panels/SelectFileDialog/ModalView.js b/products/ASC.Files/Client/src/components/panels/SelectFileDialog/ModalView.js
index 114ab481315..343441e9165 100644
--- a/products/ASC.Files/Client/src/components/panels/SelectFileDialog/ModalView.js
+++ b/products/ASC.Files/Client/src/components/panels/SelectFileDialog/ModalView.js
@@ -142,6 +142,10 @@ class SelectFileDialogModalView extends React.Component {
 
     onSelectFolder && onSelectFolder(folder[0]);
   };
+
+  onMouseEvent = (event) => {
+    event.stopPropagation();
+  };
   render() {
     const {
       t,
@@ -169,7 +173,11 @@ class SelectFileDialogModalView extends React.Component {
     const isHeaderChildren = !!header;
 
     return (
-      <StyledAsidePanel visible={isPanelVisible}>
+      <StyledAsidePanel
+        visible={isPanelVisible}
+        onMouseUp={this.onMouseEvent}
+        onMouseDown={this.onMouseEvent}
+      >
         <ModalDialog
           visible={isPanelVisible}
           zIndex={zIndex}