Skip to content

fix(task-input): stop composer flicker on long multi-line prompts#2291

Closed
fercgomes wants to merge 4 commits into
mainfrom
posthog-code/fix-composer-flicker
Closed

fix(task-input): stop composer flicker on long multi-line prompts#2291
fercgomes wants to merge 4 commits into
mainfrom
posthog-code/fix-composer-flicker

Conversation

@fercgomes
Copy link
Copy Markdown
Contributor

@fercgomes fercgomes commented May 21, 2026

Summary

The "New task" composer flickered — bouncing up and down by one line — when typing a long, multi-line prompt. The column was wrapped in a framer-motion <motion.div layout> with a 250ms transition, so each new Tiptap line triggered a layout animation; rapid keystrokes interrupted each other and produced a visible one-line oscillation.

  • Replace the <LayoutGroup> + <motion.div layout> wrapper with a plain <div> so the editor grows instantaneously.
  • Drop the now-unused framer-motion import.
  • The suggestions panel below already handles its own enter/exit transitions via its internal AnimatePresence, so no animation is lost.
Screen.Recording.2026-05-21.at.16.21.31.mov

Test plan

  • pnpm dev:code, open New task, type a prompt long enough to wrap to ~5 lines — composer grows smoothly with no flicker.
  • Type past max-h-[45vh] — inner scroll engages cleanly.
  • Delete content back to one line — composer shrinks smoothly.
  • Trigger discovery so SuggestedTasksPanel shows entries below the editor, then type — suggestions don't flicker and don't push the editor around.

The "New task" composer column was wrapped in a framer-motion
`<motion.div layout>` with a 250ms transition. Each line added to the
Tiptap editor triggered a layout animation; rapid keystrokes interrupted
each other, producing a visible one-line up/down oscillation as the
prompt grew past a few lines.

Replace the wrapper with a plain `<div>` so the editor's natural growth
is instantaneous. The suggestions panel below still animates entry/exit
through its own `AnimatePresence`.

Generated-By: PostHog Code
Task-Id: 2184b3af-160d-4a75-bd82-199fecf70f41
@greptile-apps
Copy link
Copy Markdown
Contributor

greptile-apps Bot commented May 21, 2026

Reviews (1): Last reviewed commit: "fix(task-input): stop composer flicker o..." | Re-trigger Greptile

fercgomes added 3 commits May 21, 2026 16:34
…oser-flicker

# Conflicts:
#	apps/code/src/renderer/features/task-detail/components/TaskInput.tsx
@fercgomes fercgomes closed this May 21, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant