Chrome 66 ubuntu : caret height value is NaN

[aiibe]

getCaretCoordinates(event.target, event.target.selectionEnd) returns { top: 6, left: 10, height: NaN } on Chrome 66. On Firefox, it returns { top: 6, left: 10, height: 31 }

[frnsys]

I had the same issue, and it turns out because the computed lineHeight value (which is what textarea-caret uses for the caret height) was returned as normal rather than a numerical value. I worked around this by specifically setting a line-height value for my textarea, e.g. line-height: 1.2.

[anotherCoward]

I was running into the same issue, but i prevented it by adding

  span.style.all = 'unset'; // make sure everything is applied from the div, not from CSS selectors, not cross browser compatible :(
  span.style.lineHeight = '1em'; // set the line-height relative to the div

(check https://developer.mozilla.org/de/docs/Web/CSS/all)
right after creating it and modifying the result to:

height: parseInt(getComputedStyle(span).lineHeight) // get the pixelated line-height even if it is "normal"

Now it returns 16 instead of NaN on Chrome.

Greetings