From fb526d9537ef1fb84d25735b697eb486ae4423d2 Mon Sep 17 00:00:00 2001 From: stream-pipe Date: Thu, 2 Apr 2026 11:01:48 +0800 Subject: [PATCH] fix(editor): fix flash of height --- .../react/fix-height-flash_2026-04-02-03-01.json | 11 +++++++++++ packages/text-editor/react/src/renderer.tsx | 3 ++- 2 files changed, 13 insertions(+), 1 deletion(-) create mode 100644 common/changes/@coze-editor/react/fix-height-flash_2026-04-02-03-01.json diff --git a/common/changes/@coze-editor/react/fix-height-flash_2026-04-02-03-01.json b/common/changes/@coze-editor/react/fix-height-flash_2026-04-02-03-01.json new file mode 100644 index 00000000..a1c193e3 --- /dev/null +++ b/common/changes/@coze-editor/react/fix-height-flash_2026-04-02-03-01.json @@ -0,0 +1,11 @@ +{ + "changes": [ + { + "packageName": "@coze-editor/react", + "comment": "fix flash of height", + "type": "patch" + } + ], + "packageName": "@coze-editor/react", + "email": "stream-pipe@users.noreply.github.com" +} diff --git a/packages/text-editor/react/src/renderer.tsx b/packages/text-editor/react/src/renderer.tsx index a93639ca..eb6b2fc3 100644 --- a/packages/text-editor/react/src/renderer.tsx +++ b/packages/text-editor/react/src/renderer.tsx @@ -9,6 +9,7 @@ import React, { useState, type ReactNode, useMemo, + useLayoutEffect, } from 'react'; import { FacetCombineStrategy } from '@coze-editor/utils'; @@ -85,7 +86,7 @@ function Renderer[]>( propsRef.current = props; - useEffect(() => { + useLayoutEffect(() => { const { render, eventKeys } = create({ plugins, injector,