fix(core): doc db text property editing issue (#9055)

fix AF-1901
toeverything · Dec 9, 2024 · 7a1dab1 · 7a1dab1
1 parent 7225f59
commit 7a1dab1
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/frontend/core/src/modules/doc-info/views/database-properties/cells/rich-text.css.ts b/packages/frontend/core/src/modules/doc-info/views/database-properties/cells/rich-text.css.ts
@@ -0,0 +1,6 @@
+import { style } from '@vanilla-extract/css';
+
+export const richTextInput = style({
+  width: '100%',
+  height: '100%',
+});
diff --git a/packages/frontend/core/src/modules/doc-info/views/database-properties/cells/rich-text.tsx b/packages/frontend/core/src/modules/doc-info/views/database-properties/cells/rich-text.tsx
@@ -13,6 +13,7 @@ import type * as Y from 'yjs';
 
 import type { DatabaseCellRendererProps } from '../../../types';
 import { useBlockStdScope } from '../../../utils';
+import * as styles from './rich-text.css';
 
 // todo(@pengx17): handle markdown/keyboard shortcuts
 const renderRichText = ({
@@ -67,7 +68,7 @@ const RichTextInput = ({
     }
     return () => {};
   }, [dataSource.doc, onChange, std, text]);
-  return <div ref={ref} style={style} />;
+  return <div className={styles.richTextInput} ref={ref} style={style} />;
 };
 
 const DesktopRichTextCell = ({