diff --git a/src/views/trials/trials-panel/reading/visit-review/components/FileViewer.vue b/src/views/trials/trials-panel/reading/visit-review/components/FileViewer.vue
index e6b32352..1d237434 100644
--- a/src/views/trials/trials-panel/reading/visit-review/components/FileViewer.vue
+++ b/src/views/trials/trials-panel/reading/visit-review/components/FileViewer.vue
@@ -128,7 +128,7 @@
       </div>
     </div>
     <!-- viewports -->
-    <div class="viewports-wrapper" v-loading="loading">
+    <div class="viewports-wrapper" v-loading="loading" ref="viewports-wrapper">
       <div class="grid-container" :style="gridStyle">
         <div v-for="(v, index) in viewportInfos" v-show="index < cells.length" :key="index" :style="cellStyle"
           :class="['grid-cell', index === activeCanvasIndex ? 'cell_active' : '', index === fullScreenIndex ? 'cell-full-screen' : '']"
@@ -495,14 +495,14 @@ export default {
     this.initLoader()
     window.addEventListener('message', this.handleIframeMessage)
     this.getTrialCriterion()
+    this.$refs['viewports-wrapper'].addEventListener('wheel', (e) => {
+      this.setToolsPassive()
+    });
   },
   beforeDestroy() {
     window.removeEventListener('message', this.handleIframeMessage)
   },
   methods: {
-    abc(v) {
-      console.log(v)
-    },
     async handleSubmitKeyDoc() {
       try {
         let data = {
@@ -757,6 +757,7 @@ export default {
       const renderingEngine = getRenderingEngine(renderingEngineId)
       const viewport = renderingEngine.getViewport(`canvas-${canvasIndex}`)
       await viewport.setStack(imageIds)
+      this.setToolsPassive()
       viewport.setImageIdIndex(sliceIndex)
       viewport.render()
       // this.updateViewportInfos()
@@ -835,6 +836,7 @@ export default {
       const viewport = renderingEngine.getViewport(
         this.viewportInfos[i].viewportId
       )
+      this.setToolsPassive()
       viewport.setImageIdIndex(index)
       viewport.render()
     },
@@ -1320,7 +1322,7 @@ export default {
           annotation.markId = params.MarkId
           annotation.id = res.Result
           if (!isNaN(parseFloat(ps))) this.$emit('getEcrf', { type: "changePlottingScaleChangeAnswer", VisitTaskId: this.taskInfo.VisitTaskId, noneDicomFileId: annotation.noneDicomFileId, path: annotation.path || '', picturePath, psArr: this.psArr, isRemovePlottingScale: ps < 0 ? true : false })
-          
+
           this.$emit('getMarkedFileIds', { type: "add", visitTaskId: this.taskInfo.VisitTaskId, fileId: annotation.noneDicomFileId })
         })
 
@@ -1811,6 +1813,7 @@ export default {
       const viewport = renderingEngine.getViewport(
         this.viewportInfos[i].viewportId
       )
+      this.setToolsPassive()
       viewport.setImageIdIndex(sliceIdx)
       viewport.render()
       // this.$emit('toggleImage', { taskId: this.viewportInfos[i].taskInfo.VisitTaskId, studyId: this.viewportInfos[i].studyId, imageIndex: sliceIdx })
@@ -1837,6 +1840,7 @@ export default {
       const viewport = renderingEngine.getViewport(
         this.viewportInfos[i].viewportId
       )
+      this.setToolsPassive()
       viewport.setImageIdIndex(sliceIdx)
       viewport.render()
       // }