Position is wrong, if text ist longer than inputbox/textarea

[anotherCoward]

if (element.scrollLeft)
  coordinates.left = coordinates.left - element.scrollLeft;
if (element.scrollHeight)
  coordinates.top = coordinates.top - element.scrollTop; 

right before returning the result, solves the issue.

[schinizel]

This does not resolve the issue completely. In cases for inputs specifically, hyphenated words cause the mirrored div to wrap incorrectly (even if you are using break-word and the like). Notice the effect when you type hyphenated strings on the demo fiddle.

Since the package is forcing white-space: pre-wrap on the input as well as textarea there is no easy way around this.

[Tolgor]

Same issue here on an <input>.
Ugly fix:

/* textarea-caret fix */
:global #input-textarea-caret-position-mirror-div {
  visibility: hidden !important;
  top: 0 !important;
  white-space: nowrap !important;
}