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.

Popover is blurry

See original GitHub issue

Bug report

What is the current behavior? Sometimes when the popover is open, noticeable in Chrome, it renders css with translate3d as a decimal value transform: translate3d(-224px,30.53125px,0px);, which causes the output to look blurry. It seems to look better when the values aren’t a decimal point. I haven’t found a way to fix this on my end. From looking at the code, it seems a way to fix it would be in the numberToPx function by adding the value.toFixed(). If the current behavior is a bug, please provide the steps to reproduce.

What is the expected behavior? It shouldn’t be blurry.

Other relevant information: reakit version: 0.15.10

Issue Analytics

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

github_iconTop GitHub Comments

1reaction
diegohazcommented, Nov 7, 2018

Should be fixed in v0.15.11. Thanks for reporting @thedrew12

0reactions
matheus1lvacommented, Nov 7, 2018

Seems to fix it. image

Read more comments on GitHub >

github_iconTop Results From Across the Web

[v4] Popovers looked blurred. #22610 - twbs/bootstrap - GitHub
This appears to be a bug in Chromium/Blink's hardware accelerated rendering in situations when Windows is scaled/not 100%.
Read more >
How to fix blurry Dash Bootstrap Popover and Tooltip in ...
Try selecting View > Actual size in Chrome and it should reset things if you have inadvertently zoomed.
Read more >
Text becomes blurry on opening/closing Popover in Chrome
Is there anything that can be done to eliminate the blurring of text that occurs when popovers are fading in/out? Text of the...
Read more >
hide bootstrap popover on blur EXCEPT if element inside ...
I've tried adding a $('.popover').on('blur') function but I'm not sure how to handle checking if something inside the popover has focus when ...
Read more >
Popover contents blurry at <100% - Claris Community
If the issue does not occur on the new layout, try creating a new popover on the original layout (keep the existing popover),...
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