Icons produce weird transparent left overlay when touched on (some) android devices (native browser)

[SylvainBigonneau]

When running this jsfiddle on your android phone's native browser, and touching around the produced icons at the bottom right, you may get this bug:

It only happens on some android phones, with their native browser. (no problem on chrome) So far I have confirmed it happening on LG G2, and Galaxy Note 2. The issue does not appear on Sony Xperia Z, Galaxy Edge, or Google Nexus.

I tried different values for font-size, and the bug seems to start appearing at any value that amounts to 23px font size. (x-large, 1.5em...) Under this size, I have not been able to produce that bug.

It actually happens on the front page of Font-Awesome (right part of the flag cut off):

[tagliala]

thanks for reporting this

this is a duplicate of a known issue and it does not depend on fontawesome.

You can reproduce this with a standard font.

Please take a look at #3209

closing here