Blurry text and images in quick view modals

[happyduong]

As i mentioned on issue heading.
The quick view popup is blurry.

other popup same problem:

Is there a way to fix this issue?

[PreciselyAlyss]

Based on this, it should be using the default product image in the quick view modal. Have you tried uploading a higher resolution photo to see if that clears up the problem, @ocvninfo?

[happyduong]

@bc-AlyssNoland Thank for your reply. But what i mean is blurry all the text in the popup.
The popup work fine on Firefox but blurry on Chrome.

[EdFromBJCS]

@bc-AlyssNoland @ocvninfo I have noticed this as well. The title of this issue is misleading because it is not just pictures, text and other elements are blurry as well. It's subtle, but unmistakable. Looks kind of like the lossy analog picture you get from a VGA-connected monitor. Strange.

[ThemeValeBC]

@EdFromBJCS I checked on firefox, The quick view popup working correctly. But it is blurry on chrome

[sacr3dc0w]

It would seem that translate(-50%, -50%) is calculating a pixel value on both axes with a decimal place, causing subpixel rendering. One solution could be subtracting 0.5px from the Y-axis. That solved the problem in Chrome and Safari based off my testing.

[happyduong]

@sacr3dc0w Thank you for this.
But it still blurry when popup resizing.

[Ubersmake]

Closing this issue as I can no longer reproduce it. There are image-related PRs in #1094, #1096, #1104, and #1358. As some of the comments above mentioned, this could have also been a browser-related bug that's been fixed since this issue was first reported.