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 content (text)
See original GitHub issueCodePen demo
https://codepen.io/anon/pen/JayXEE
Steps to reproduce the problem
- View demo on Chrome 68 (Windows 10).
- Hover the
refEl. - Observe the blurry tooltip text.
- In case the problem doesn’t occur, I should further desribe my specs. I’m on a laptop with screen dimensions of 1920x1080 at scale %125.
What is the expected behavior?
Text should look clear, free of distortion (blur).
What went wrong?
Text looks blurry on Chrome 68.
Any other comments?
transform: translate3d(498px, 78px, 0px); seems to cause the problem. Using left and top instead of transform solves the problem. So I’m wondering is there a particular reason behind using transform instead of left and top? If the reason is arbitrary, it’d be nice to have it optional.
PS: This might be a Chrome specific problem. Text looks all right in Firefox.
Issue Analytics
- State:
- Created 5 years ago
- Reactions:2
- Comments:11 (6 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
https://popper.js.org/popper-documentation.html#modifiers..computeStyle.gpuAcceleration
We already round/ceil the values