Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

Caret moves before text inserted with a custom React style

Offen
#3,064 0 Kommentare 0 Reaktionen 1 zugewiesene Person Auf GitHub ansehen

@matthewlipski arbeitet bereits daran.

Seit 23.9.2026.

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
68/100
Issue-Typ
Bug
Klarheit
Größtenteils klar
Aktivitätsstatus
Aktiv
Tech-Stack
react, typescript
Bereich
frontend

Rechercherichtung

Start with the minimal reproduction and trace the editor.insertInlineContent() entry point when the custom React style is inserted. Verify caret placement by following the reproduction steps; done means typing continued produces Styled text continued without clicking the editor again.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

What’s broken?

After inserting text with a custom React style using editor.insertInlineContent(), typing inserts text before the inserted text instead of after it.

What did you expect to happen?

The caret should remain after the inserted text. Typing continued after inserting Styled text should produce Styled text continued, but instead produces continuedStyled text.

Steps to reproduce

Minimal reproduction: https://github.com/ntietje1/blocknote-react-mark-caret-repro

  1. Clone the reproduction and run vp install, then vp run dev.
  2. Click Insert styled text.
  3. Type continued without clicking the editor again.
BlockNote version

@blocknote/core and @blocknote/react 0.54.0.

Environment

Windows, Chromium, React 19.1.1.

Vorherrschende Sprache
TypeScript
Sterne
10.2k
Forks
772
Ø Merge
6 T. 3 Std.
Gemergte PRs (30 T.)
26

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus TypeCellOS/BlockNote

Alle Issues in TypeCellOS/BlockNote

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.