diff --git a/packages/layout-design/src/components/sys-image/sys-image.tsx b/packages/layout-design/src/components/sys-image/sys-image.tsx
index 3082e15cd684cb182127d0ab8b08490d5a357974..4fad8bba4f8b908bb93d5e948d6200726b2b18f0 100644
--- a/packages/layout-design/src/components/sys-image/sys-image.tsx
+++ b/packages/layout-design/src/components/sys-image/sys-image.tsx
@@ -1,5 +1,13 @@
 import { IPanelRawItem } from '@ibiz/model-core';
-import { computed, defineComponent, PropType, Ref, ref, watch } from 'vue';
+import {
+  computed,
+  defineComponent,
+  nextTick,
+  PropType,
+  Ref,
+  ref,
+  watch,
+} from 'vue';
 import { PanelRawItemController, useNamespace } from '@ibiz-template/vue3-util';
 import './sys-image.scss';
 import { SysIcon } from './icon';
@@ -43,10 +51,13 @@ export const SysImage = defineComponent({
       () => c.data,
       async newVal => {
         if (newVal) {
-          visible.value = true;
+          visible.value = false;
           rawItemContent.value.rawContent = newVal.rawcontent;
           rawItemContent.value.cssClass = newVal.cssclass;
           rawItemContent.value.imagePath = newVal.imagepath;
+          nextTick(() => {
+            visible.value = true;
+          });
         }
       },
       {
diff --git a/packages/layout-design/src/design-index-view/components/design-left-menu/design-left-menu.tsx b/packages/layout-design/src/design-index-view/components/design-left-menu/design-left-menu.tsx
index c3eafc223209951f324161a01f04fe18c759245c..6c9cc9558fae5bad2b207f5d466e46bb256748c5 100644
--- a/packages/layout-design/src/design-index-view/components/design-left-menu/design-left-menu.tsx
+++ b/packages/layout-design/src/design-index-view/components/design-left-menu/design-left-menu.tsx
@@ -240,6 +240,7 @@ export default defineComponent({
         y: evt.y,
         minWidth: 160,
         items: menuItems,
+        closeWhenScroll: false,
         theme: 'default dark',
         customClass: ns.e('context-menu'),
       });