CSS field-sizing 实现自适应 textarea，包一层加 ResizeObserver 让高度平滑过渡
jh3yy · x · 2026-10-01
前端开发者 jh3yy 分享一个实用技巧：field-sizing: content 可以让 textarea 随内容自动伸缩，但高度变化是瞬间跳变的。想获得平滑过渡效果，可以把 textarea 包一层容器，用 ResizeObserver 监听尺寸变化并同步容器高度，这样高度变化就能走 CSS transition 而不是硬切。
这是一个可直接照抄的小型组合技，适用于聊天输入框、评论框等需要高度动画的场景。
「编程与Agent」频道最新
- Peter Yang 提出 10/80/10 法则：最后 10% 人工打磨决定 AI 作品质量 — petergyang · 2026-10-01
- 实测让 agent 在 Windows 笔记本上本地装 GPT-2，跑出约 5 tps — MikePFrank · 2026-10-01
- 网友拆解全自动化屋顶生意：ChatGPT 找线索、AI 渲染效果图、自动触达客户 — EXM7777 · 2026-10-01
- Gemini 4 Argon 在 AA Coding Agent Index 编码测试表现亮眼 — prateeky2806 · 2026-10-01
- AI 实时代理碾压 9 级 Fox，通过 API 实时操作《大乱斗》 — maximelabonne · 2026-10-01
- 作者打造现代化 Relay 替代品 fate:去 GraphQL DSL,支持 tRPC 与 Vue — cnakazawa · 2026-10-01