diff --git a/web/app/components/plugins/readme-panel/index.tsx b/web/app/components/plugins/readme-panel/index.tsx
index 7cd1991322..f30bea64ba 100644
--- a/web/app/components/plugins/readme-panel/index.tsx
+++ b/web/app/components/plugins/readme-panel/index.tsx
@@ -87,11 +87,16 @@ const ReadmePanel: FC = () => {
 
   const portalContent = showType === ReadmeShowType.drawer
     ? (
-        <div className={cn('fixed inset-0 z-[999] flex', position === 'left' ? 'justify-start' : 'justify-end')} onClick={onClose}>
+        <div
+          className={cn('fixed inset-0 z-[999] flex', position === 'left' ? 'justify-start' : 'justify-end')}
+          data-readme-panel-root="true"
+          onClick={onClose}
+        >
           <div
             className={cn(
               'pointer-events-auto mb-2 ml-2 mr-2 mt-16 w-[600px] max-w-[600px] justify-start rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg p-0 shadow-xl',
             )}
+            data-readme-panel="true"
             onClick={(event) => {
               event.stopPropagation()
             }}
@@ -101,11 +106,16 @@ const ReadmePanel: FC = () => {
         </div>
       )
     : (
-        <div className="fixed inset-0 z-[999] flex items-center justify-center p-2" onClick={onClose}>
+        <div
+          className="fixed inset-0 z-[999] flex items-center justify-center p-2"
+          data-readme-panel-root="true"
+          onClick={onClose}
+        >
           <div
             className={cn(
               'pointer-events-auto relative h-[calc(100vh-16px)] w-full max-w-[800px] rounded-2xl bg-components-panel-bg p-0 shadow-xl',
             )}
+            data-readme-panel="true"
             onClick={(event) => {
               event.stopPropagation()
             }}
diff --git a/web/app/components/workflow/skill/editor/skill-editor/plugins/tool-block/component.tsx b/web/app/components/workflow/skill/editor/skill-editor/plugins/tool-block/component.tsx
index c56c2f0a3c..abda84bc99 100644
--- a/web/app/components/workflow/skill/editor/skill-editor/plugins/tool-block/component.tsx
+++ b/web/app/components/workflow/skill/editor/skill-editor/plugins/tool-block/component.tsx
@@ -281,6 +281,8 @@ const ToolBlockComponent: FC<ToolBlockComponentProps> = ({
       const panelEl = portalContainer?.querySelector('[data-tool-setting-panel="true"]')
       if (!target || !panelEl)
         return
+      if (target instanceof Element && target.closest('[data-readme-panel-root="true"], [data-readme-panel="true"]'))
+        return
       if (target instanceof Element && target.closest('[data-modal-root="true"]'))
         return
       if (panelEl.contains(target))
diff --git a/web/app/components/workflow/skill/editor/skill-editor/plugins/tool-block/tool-group-block-component.tsx b/web/app/components/workflow/skill/editor/skill-editor/plugins/tool-block/tool-group-block-component.tsx
index 89135ce8e2..af2059a9fa 100644
--- a/web/app/components/workflow/skill/editor/skill-editor/plugins/tool-block/tool-group-block-component.tsx
+++ b/web/app/components/workflow/skill/editor/skill-editor/plugins/tool-block/tool-group-block-component.tsx
@@ -339,6 +339,8 @@ const ToolGroupBlockComponent: FC<ToolGroupBlockComponentProps> = ({
       const panelEl = portalContainer?.querySelector('[data-tool-group-setting-panel="true"]')
       if (!target || !panelEl)
         return
+      if (target instanceof Element && target.closest('[data-readme-panel-root="true"], [data-readme-panel="true"]'))
+        return
       if (target instanceof Element && target.closest('[data-modal-root="true"]'))
         return
       if (panelEl.contains(target))