question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Blurry text in IE11

See original GitHub issue

Caused by translate3d. Using translate fixes the problem. Any drawbacks?

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
FezVrastacommented, Oct 9, 2017

I’m trying to stop the lib from growing too much, and IE doesn’t look like a good candidate for letting it grow more…

Also, the workaround is pretty straightforward so I don’t think it’s needed in the core.

0reactions
kumarharshcommented, Oct 10, 2017

Yes, that makes sense.

I found a simple fix though - we’d just need to add this line to the library:

// in popper.js/packages/popper/src/modifiers/computeStyle.js
L77: styles[prefixedProperty] = `translate3d(${left}px, ${top}px, 0)`; 
L78: styles['-ms-transform'] = `translate(${left}px, ${top}px)`; 

This would target only IE10 and IE11, and not Edge or any other browser. Since there is already specific code for IE10 detection, I hoped this might be a small-enough change to warrant inclusion.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Fixing Internet Explorer 11's Blurry Font issue - Fury Computing
Checking the checkbox in Tools->Internet Options->Accessibility->Ignore font styles specified in webpages will fix Internet Explorer font issues ...
Read more >
Fonts not clear but blurry in IE11 - Microsoft Community
Hi, Outlook.com and other webpages are displayed blurry in IE11. Especially outlook.com seems to suffer from this, in particular when the text ......
Read more >
How to Fix Blurry Graphics on IE - Small Business - Chron.com
How to Fix Blurry Graphics on IE · 1. Click the "Tools" menu in Internet Explorer. · 2. Choose "Internet Options" followed by...
Read more >
Blurry text in Internet Explorer - Stack Overflow
Chrome (Version 44.0. 2403.125 m) seems to have a sharp edge effect. IE (11) seems to have a slight blur. Whereas Firefox (38.0....
Read more >
md-dialog: IE11 / Edge blurry text and buttons after animating ...
When IE11 or Edge finishes animating in an md-dialog element, ... md-dialog: IE11 / Edge blurry text and buttons after animating onto screen...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found