nuxt / nuxt/ui

`UEditor` interaction/input lag caused by `UEditorToolbar`

Open
#6,293 7 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

upstream/tiptap
Dominant language
TypeScript
Stars
6.9k
Forks
1.1k
Avg merge
1d 7h
Merged PRs (30d)
57

Description

Package

v4.x

Description

I noticed that a full-featured toolbar setup can significantly reduce editor responsiveness.

Simplest reproduction

The easiest reproduction I found is actually on the official docs page:

https://ui.nuxt.com/docs/components/editor

On the topmost Usage example, continuous deleting feels noticeably laggy.

By contrast, other editor examples on the same page feel significantly smoother.

So this does not seem to be just an app-specific integration issue. It looks more like something specific to the setup used in the Usage example, especially the fixed toolbar configuration.

Additional context

No response

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the lag on the UI documentation page's topmost Usage example, then compare its UEditor and fixed UEditorToolbar setup with the smoother editor examples. Trace the toolbar-related interaction path and verify that continuous deletion remains responsive without regressing the full-featured toolbar configuration.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, performance
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
56/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.