contenteditable + getBoundingClientRect() does not return the correct result.

If a sufficiently long text in an HTML tag leads to a text wrap, the calculated values (y and width) of getBoundingClientRect for characters or words directly after the wrap are not correct, if the element or one of a parent is contenteditable="true"

  • the y value has the value as if it were still before the break
  • the width value spans the entire width,

Here a code that reproduces this failure: https://stackblitz.com/edit/vitejs-vite-jwghts?file=src%2Fmain.ts,src%2FcalcLetterRects.ts,src%2Fstyle.css

Thank you for the report. I filed this at https://bugs.webkit.org/show_bug.cgi?id=277954; you can track responses there.

contenteditable + getBoundingClientRect() does not return the correct result.
 
 
Q