Overlapping text with IE10

Bug #1118280 reported by Gerard Rubio
20
This bug affects 4 people
Affects Status Importance Assigned to Milestone
typeface.js
New
Undecided
Unassigned

Bug Description

Text appears overlapped with the selectable text.
As IE10 has removed support for VML (http://blogs.msdn.com/b/ie/archive/2011/12/07/moving-to-standards-based-web-graphics-in-ie10.aspx?Redirected=true), it can use the canvas and CSS3 methods.

With some tests I run on some websites I manage, I've fixed it without breaking previous support for older IE with the following changes:

Replace line ~ 754 if (document.createStyleSheet) {
with line if (document.createStyleSheet && (typeof document.createStyleSheet == "object")) { //Check that we have this function and the browser is < IE10. IE10 returns typeof function, previous ones "object"

Tags: ie10
Revision history for this message
Bill Williams (melvins138) wrote :

I, too, am having overlapping text issues with IE10 and no other version of IE.

I replaced the line of text suggested, but it did not correct the problem.

Are there other areas that may need adjustments? (i.e. the font js files; the css files; etc)

Thanks.

Revision history for this message
Geoff R (girosscoe) wrote :

Adding the additional code to line 754 worked for me. Thank you for the fix.

Revision history for this message
Kevin (kevin-547) wrote :

Gerard,

Thanks for that IE10 fix! Although, I'm noticing that same error is appearing on the phone browser for the Galaxys3. Any ideas how that could also be fixed?

Revision history for this message
Gerard Rubio (gerard-rubio) wrote :

Hi Kevin,

I don't know how could we fix that in the Galaxy S3, I don't have one to test on.

Try posting here the browser and android version used and I'll try to figure out something. Maybe I can try something with the Android Emulator.

Revision history for this message
Will Presley (william-presley-jr) wrote :

I can confirm that changing the IF statement on line 754 of the last version of typeface.js causes this IE10-only issue to be fixed. My company has a site that launched about 5 years ago and was using typeface.js, and they didn't want to overhaul the styling, so I'm VERY glad I found this fix.

@Kevin: I'm not seeing the issue on my HTC One X (running CM11/Android 4.4.2) using the Stock Browser or Chrome/Chrome Beta, so perhaps check the browser rendering engine your S3 is using like Gerard said.

To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Other bug subscribers

Remote bug watches

Bug watches keep track of this bug in other bug trackers.