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 ff9a338d..582eafdd 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
@@ -100,6 +100,7 @@
           @click="activeCanvas(index)"
           @mouseup="sliderMouseup($event, index)"
           @mousemove="sliderMousemove($event, index)"
+          @mouseleave="sliderMouseleave($event, index)"
         >
           <div v-show="imageType.includes(v.fileType)" :ref="`canvas-${index}`" class="content">
             <div class="left-top-text">
@@ -145,7 +146,7 @@
               </div>
             </div>
             <div :ref="`sliderBox-${index}`" class="right-slider-box" @click.stop="clickSlider($event, index)">
-              <div :style="{top: v.height + '%'}" class="slider" @click.stop.prevent="() => {return}" @mousedown.stop="sliderMousedown($event, index)" />
+              <div :style="{top: v.height + '%'}" class="slider" @click.stop.prevent="() => {return}" @mousedown.stop="sliderMousedown($event, index)"/>
             </div>
           </div>
           <div v-show="v.fileType === 'application/pdf' && fullScreenIndex === null " class="content flex_col">
@@ -873,15 +874,22 @@ export default {
       let sliceIdx = Math.trunc(this.viewportInfos[i].imageIds.length * height / 100)
       sliceIdx = sliceIdx >= this.viewportInfos[i].imageIds.length ? this.viewportInfos[i].imageIds.length - 1 : sliceIdx < 0 ? 0 : sliceIdx
       this.viewportInfos[i].height = height
-      if (this.viewportInfos[i].currentImageIdIndex !== i) {
-        const renderingEngine = getRenderingEngine(renderingEngineId)
-        const viewport = renderingEngine.getViewport(
-          this.viewportInfos[i].viewportId
-        )
-        viewport.setImageIdIndex(sliceIdx)
-        viewport.render()
+      // if (this.viewportInfos[i].currentImageIdIndex !== i) {
+      const renderingEngine = getRenderingEngine(renderingEngineId)
+      const viewport = renderingEngine.getViewport(
+        this.viewportInfos[i].viewportId
+      )
+      viewport.setImageIdIndex(sliceIdx)
+      viewport.render()
+      // }
         // this.$emit('toggleImage', { taskId: this.viewportInfos[i].taskInfo.VisitTaskId, studyId: this.viewportInfos[i].studyId, imageIndex: sliceIdx })
-      }
+      
+    },
+    sliderMouseleave(e, index) {
+      const i = this.viewportInfos.findIndex(i => i.index === index)
+      if (i === -1 && this.imageType.includes(this.viewportInfos[i].fileType)) return
+      if (!this.viewportInfos[i].isMove) return
+      this.viewportInfos[i].isMove = false
     },
     sliderMousedown(e, index) {
       const i = this.viewportInfos.findIndex(i => i.index === index)