HTML Input cursor position issue in Chrome when value is empty

Question

Just recently I have noticed out text inputs having a display issue in Google Chrome but only when the text is empty.

Notice how in the top image, when the input is

Answer 1

In 2012, I made an HTML5 canvas web app and used a CSS3 property to change the cursor position when using an image as cursor:

#canvas { cursor: url(../image/pen_red_ff0000.gif)0 20, auto; }

It worked for months when developing my project on Firefox, Chrome/Chromium and other browsers but since at least Chrome 38, the cursor position change was ignored. I'm using the Chromium Ubuntu version and today, I've updated to Chromium 40 and the bug is still here even after reboot and deleting ".config/chromium".

The version from Ubuntu packages is "Version 40.0.2214.94 Ubuntu 14.04 (64-bit)" but a few days ago I tried the latest official Chromium Linux "Version 42.0.2287.0 (64-bit)" from https://download-chromium.appspot.com/ and the bug did not appear.

My web app is here http://drawcode.eu/projects/connect-points/, you have to connect points but on Chromium from Ubuntu, I have to click 20 pixels under the middle of the points. It's a cursor position issue so I think my problem is related to this thread.

Can someone confirm having the bug and know since when it's really fixed? Note that the latest official Chromium I've downloaded is version 42 (not stable). My Chromium 40 from Ubuntu still has the bug but @Salmonface said it was fixed in version 40 HTML Input cursor position issue in Chrome when value is empty

Edit: On Debian, I had this bug with Chromium 37 (not 38) too! The bug is still here on Chrome beta (version 41). Here is a Fiddle http://jsfiddle.net/baptx/L0fmvs7a/

Edit 2: In fact the CSS3 cursor position bug appeared in Chromium 25 (https://commondatastorage.googleapis.com/chromium-browser-snapshots/index.html?prefix=Linux_x64/171003/) and it seems fixed in Chromium 42 (https://commondatastorage.googleapis.com/chromium-browser-snapshots/index.html?prefix=Linux_x64/313000/), you can try by yourself my HTML5 canvas app and see that the CSS3 cursor position is wrong. From Chromium 25 to Chromium 36 (tested with developer build 261001), the Fiddle I shared works but the browser allows you to select text on a div with a good or wrong cursor position. From Chromium 37 (tested with developer build 271001) to Chromium 41, you can't select text with the good cursor position on the Fiddle.

The bug is not GNU/Linux platform only, it also appears on a Windows 8 virtual machine.