IE11 highlight isn't placed on correct place

[pjfsilva]

Test steps:

1. Go to http://garysieling.github.io/jquery-highlighttextarea/examples.html
2. remove all the text from the first example "case insensitive" and use this text (without quotes):

"Welcome :guest_firstname :guest_lastnamesjlksdd vulputate lorem ipsum vulputate to :vulputate, :event_startdate / :event_enddate at :event_location ss"

3. on the second line notice a yellow background on a wrong place. on chrome it works nicely. Tested on ie11, win 7 64.

Example image

I believe it has something to do with the weird wrap that IE11 is doing in this case that is different from the one chrome does but can't understand this.

[pjfsilva]

I believe this has to do with the wrap IE11 is doing so here are some related articles:
http://stackoverflow.com/questions/32409280/weird-text-wrap-on-textareas-with-ie11

http://stackoverflow.com/a/20327197

[julkue]

For me it isn't highlighted at the right place too, but on Firefox 48.0a2. Example taken from the website:

[pjfsilva]

Tested again today with 3.1.3 and this is still reproducible