fix(message): 修复 StrictMode 下消息入场动画残留固定高度导致折叠卡死#144

Open

SsparKluo wants to merge 1 commit into

lehhair:mainfrom

SsparKluo:fix/entry-grow-strictmode-leak

Annotations

2 errors and 10 warnings

Validate app

Process completed with exit code 1.

Validate app: src/components/MarkdownRenderer.test.tsx#L980

AssertionError: expected 'absolute right-2 top-2 z-10 inline-fl…' to contain '[@media(hover:none)]:opacity-0' Ignored nodes: comments, script, style <html> <head /> <body> <div> <div class="markdown-content text-[length:var(--fs-base)] leading-relaxed text-text-100 break-words min-w-0 overflow-hidden " > <div class="markdown-stream-block" > <div class="space-y-4 whitespace-normal [&>*:first-child]:mt-0 [&>*:last-child]:mb-0" > <div class="group/html-preview relative max-w-full overflow-hidden contain-content focus:outline-none my-4 first:mt-0 last:mb-0 w-full max-w-full transition-[height] duration-75 ease-out" style="height: 120px;" tabindex="0" > <button aria-label="View HTML source" class="absolute right-2 top-2 z-10 inline-flex h-8 w-8 items-center justify-center rounded-md bg-bg-300/70 p-2 text-accent-main-100 opacity-0 shadow-sm backdrop-blur-md transition-all hover:bg-bg-300/90 hover:text-accent-main-100 group-hover/html-preview:opacity-100 group-focus-within/html-preview:opacity-100 [@media(hover:none)]:opacity-100" title="View HTML source" type="button" > <svg aria-hidden="true" class="lucide lucide-code-xml" fill="none" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg" > <path d="m18 16 4-4-4-4" /> <path d="m6 8-4 4 4 4" /> <path d="m14.5 4-5 16" /> </svg> </button> <div class="h-full w-full max-w-full overflow-x-auto overflow-y-hidden code-scrollbar" style="touch-action: pan-x pan-y; overscroll-behavior-x: contain;" > <div class="relative h-full w-full" style="min-width: 100%;" > <iframe class="absolute inset-0 block h-full w-full border-0 bg-transparent opacity-100" referrerpolicy="no-referrer" sandbox="allow-scripts" srcdoc="<!doctype html><html><head><meta http-equiv=\"Content-Security-Policy\" content=\"default-src 'none'; base-uri 'none'; form-action 'none'; object-src 'none'; frame-src 'none'; img-src https: http: data: blob:; media-src https: http: data: blob:; font-src https: http: data:; style-src 'unsafe-inline' https: http:; script-src 'unsafe-inline' 'unsafe-eval' https: http: blob:; connect-src https: http:\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"><style id=\"opencode-html-theme\">:root{color-scheme:light;font-family:system-ui,sans-serif;--surface-0:#ffffff;--surface-1:#f5f4f1;--surface-2:#ffffff;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--border:#e3e1da;--border-strong:#cfccc2;--text-accent:#185fa5;--bg-accent:#e6f1fb;--bg-success:#eaf3de;--text-success:#27500a;--radius:8px}html,body{margin:0;overflow:hidden;background:transparent;color:#2b2b2b}</style><script>(()=>{const create=()=>{const values=new Map();return{get length(){return values.size},key:index=>Array.from(values.keys())[Number(index)]??null,getItem:key=>values.get(String(key))??null,setItem:(key,value)=>{key=String(key);value=String(value);let size=key.length+value.length;for(const [storedKey,storedValue] of values){if(storedKey!==key)size+=storedKey.length+storedValue.length}if(size>1048576)throw new DOMException('Storage quota exceeded','QuotaExceededError');values.set(key,value

Validate app: src/features/chat/ChatArea.tsx#L756

React Hook useLayoutEffect has a missing dependency: 'shouldAnchorBottom'. Either include it or remove the dependency array

Validate app: src/features/chat/ChatArea.tsx#L743

React Hook useLayoutEffect has a missing dependency: 'shouldAnchorBottom'. Either include it or remove the dependency array

Validate app: src/features/chat/ChatArea.tsx#L578