Skip to content

Nuxt Studio editor scrolls to top and flickers on every input #383

@nicokempe

Description

@nicokempe

Environment

Operating system Windows 10.0.26200
CPU AMD Ryzen 7 5800X 8-Core Processor (16 cores)
Node.js version v22.21.1
nuxt/cli version 3.34.0
Package manager pnpm@10.32.1
Nuxt version 4.4.2
Nitro version 2.13.1
Builder vite@7.3.1
Config app, compatibilityDate, components, content, css, devtools, fonts, gtag, llms, modules, nitro, robots, routeRules, runtimeConfig, security, sentry, site, sitemap, sourcemap, studio, typescript, vite
Modules @nuxt/content@3.11.2, @nuxtjs/tailwindcss@6.14.0, @nuxtjs/sitemap@7.6.0, @nuxtjs/robots@5.7.1, @nuxt/eslint@1.15.2, nuxt-security@2.5.1, nuxt-studio@1.3.3, nuxt-llms@0.2.0, nuxt-gtag@4.1.0, @nuxt/fonts@0.14.0, @sentry/nuxt/module@10.43.0

Version

1.3.3

Reproduction

Can be provided if that's not happening for every Nuxt Studio project

A minimal reproduction is not available yet.

The issue happens in Nuxt Studio while editing content in the left editor pane.

It occurs:

  • locally
  • and on a deployed version running on Cloudflare Workers

Steps to reproduce:

  1. Open Nuxt Studio
  2. Open any page/content entry in the editor
  3. Scroll down so the live preview is not at the top
  4. Type anything in the left editor pane
  5. The preview jumps back to the top immediately
  6. Continue typing and observe repeated flickering and constant scroll resets

I attached a video showing the behavior.

Description

When editing content in Nuxt Studio, typing in the left editor pane causes the preview/editor experience to become unstable.

On every input:

  • the page/preview jumps back to the top
  • the UI flickers heavily
  • it becomes very difficult to edit content further down the page, because the current scroll position is constantly lost

This happens regardless of where I type in the editor and appears to happen consistently.

Expected behavior:

  • typing in the editor should preserve the current scroll position
  • the preview should update without jumping to the top
  • there should be no visible flickering during normal editing

Actual behavior:

  • each keystroke appears to trigger a scroll reset to the top
  • the interface flickers noticeably
  • editing while checking content further down the page is nearly unusable

Additional context

I am not sure whether this is an unintended bug or currently expected behavior in Studio, but from a user perspective it makes the editing experience very difficult.

The issue is reproducible both:

  • locally
  • and when deployed on Cloudflare Workers

A video is attached to demonstrate the problem visually:

2026-03-16-211325_nuxt-studio-flickering.mp4

Logs

No relevant logs available at the moment.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions