New image replacement approach shows selection highlight

[paulsham]

Using the new image replacement method (Commit adecc5d) creates an issue when highlighting over an image replaced element (using .ir) results in a thin line from the selection highlight appearing at the bottom of the element. This does depend on the line-height and font-family of the replaced text.

My simple fix was to add a larger line-height to push the selection highlight further down.

Viewable in Firefox 16.0.1 Mac.
Live example: http://jsfiddle.net/paulsham/g2enP/4/

[drublic]

I can reproduce this. Thank you for reporting!

We could fix this with defining a line-height for .ir. Currently in your test this can be fixed with a line-height of 1.2 on .ir but this might be dependent on the font-family, font-size, initial line height aso. So there need to be a lot of tests.

Seems like a minor issue to me and I'm not sure if we should include a fix since testing that stuff would need lot of time without a lot of effect on the user's experience.

What do you think?

[paulsham]

It is a minor issue, so no rush.
I did try messing around with the user-select CSS, but that doesn't seem to work.

[necolas]

Thanks. Should be fixed now. Just bumped up the height of the pseudo-element that doesn't the offscreen-pushing.