Do not zoom image on scroll if zoom buttons are not turned on (ToolJe…

…t#3266)
wangke1993 · Jun 13, 2022 · ad3a9dd · ad3a9dd
1 parent 002ae8c
commit ad3a9dd
Showing 1 changed file with 17 additions and 1 deletion.
diff --git a/frontend/src/Editor/Components/Image.jsx b/frontend/src/Editor/Components/Image.jsx
@@ -51,7 +51,7 @@ export const Image = function Image({ component, height, properties, styles, fir
             <center>
               <div className="spinner-border " role="status"></div>
             </center>
-          ) : (
+          ) : zoomButtons ? (
             <>
               <TransformWrapper>
                 {({ zoomIn, zoomOut }) => (
@@ -89,6 +89,22 @@ export const Image = function Image({ component, height, properties, styles, fir
                 )}
               </TransformWrapper>
             </>
+          ) : (
+            <img
+              src={source}
+              className={`zoom-image-wrap ${borderType !== 'none' ? borderType : ''}`}
+              style={{
+                backgroundColor,
+                padding: Number.parseInt(padding),
+                objectFit: imageFit ? imageFit : 'contain',
+                cursor: hasOnClickEvent ? 'pointer' : 'inherit',
+                pointerEvents: 'auto',
+              }}
+              height={height}
+              onClick={() => fireEvent('onClick')}
+              alt={alternativeText}
+              width={width}
+            />
           )}
         </LazyLoad>
       )}