Comments (7)
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?
from cornerstone.
@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.
from cornerstone.
@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.
from cornerstone.
@EdFromBJCS I checked on firefox, The quick view popup working correctly. But it is blurry on chrome
from cornerstone.
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.
from cornerstone.
@sacr3dc0w Thank you for this.
But it still blurry when popup resizing.
from cornerstone.
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.
from cornerstone.
Related Issues (20)
- CleanWebpackPlugin not removing stale assets in dist folder HOT 5
- QTY box not showing HOT 3
- active page class missing at blog link
- logout user from BigCommerce Store, If user is already logged out from eshop (developed in NextJS) HOT 1
- Question: How to store sensitive variables HOT 7
- Write a Review - empty modal HOT 6
- Cart is having odd issues on Apple tablet with Parent/Child HOT 2
- Which version of node should I be using? HOT 4
- Node Sass error on my Macbook with M1 chip HOT 2
- Twitter / X Logo for Social Sharing and Social Links HOT 2
- Experiencing errors trying to develop theme HOT 4
- Bulk discount dissapear HOT 1
- Invoice wording doesn't change when changing template HOT 1
- Main tag misused HOT 1
- Allow radio buttons to get deselected not working HOT 2
- Issue Title
- Fix for faceted search price range was not added to Changelog
- Stencil Bundle fails with error Cannot read properties of undefined (reading 'has') HOT 10
- Swatch display in Product options give Errors in Wave Accessibility testing tool HOT 1
- Consent Manager Styling
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from cornerstone.