fix(demo): comment node render problem in docs (#229)

apps/demo-free-layout/src/components/comment/components/container.tsx

@@ -35,7 +35,6 @@ export const CommentContainer: FC<ICommentContainer> = (props) => {
         // tailwind 不支持 outline 的样式，所以这里需要使用 style 来设置
         outline: focused ? '1px solid #FF811A' : '1px solid #F2B600',
         backgroundColor: focused ? '#FFF3EA' : '#FFFBED',
-        // paddingRight: overflow ? 0 : undefined,
         ...scrollbarStyle,
         ...style,
       }}

apps/demo-free-layout/src/components/comment/components/index.css

@@ -15,8 +15,7 @@
     border-radius: 8px;
     outline: 1px solid;
     padding: 6px 2px 6px 10px;
-    overflow-y: auto;
-    overflow-x: hidden;
+    overflow: hidden;
 }
 
 .workflow-comment-drag-area {

apps/demo-free-layout/src/components/comment/components/render.tsx

@@ -19,7 +19,6 @@ import { CommentEditor } from './editor';
 import { ContentDragArea } from './content-drag-area';
 import { CommentContainer } from './container';
 import { BorderArea } from './border-area';
-import { BlankArea } from './blank-area';
 
 export const CommentRender: FC<{
   node: WorkflowNodeEntity;
@@ -62,8 +61,6 @@ export const CommentRender: FC<{
                 <>
                   {/** 编辑器 */}
                   <CommentEditor model={model} value={field.value} onChange={field.onChange} />
-                  {/* 空白区域 */}
-                  <BlankArea model={model} />
                   {/* 内容拖拽区域（点击后隐藏） */}
                   <ContentDragArea model={model} focused={focused} overflow={overflow} />
                   {/* 更多按钮 */}