You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I missed this because some product images really do no not have high-res sources, so I thought it was the source of this issue, but there is issue with zooming pictures.
the image container element is scaled to be width: 100%, that makes the img tag significantly bigger so the src of the img should be upgraded to the one of the higher resolutions available in srcset but it's not. The result is that all pictures in superZoom are oversized for example 900px width source is overstretched to 1300px.
I have no idea, maybe we should force rerendering of Image component after we resize it?
The text was updated successfully, but these errors were encountered:
I found an issue with gatsby-image on the store site, I created this PR gatsbyjs/gatsby#11303, so the issue has been fixed in the latest version.
close#211
Fixing for #201
I missed this because some product images really do no not have high-res sources, so I thought it was the source of this issue, but there is issue with zooming pictures.
in
ProductImagaseBrowser
https://github.com/gatsbyjs/store.gatsbyjs.org/blob/next/src/components/ProductPage/ProductImagesBrowser.jsthere is code:
we have gatsby
Image
component inside the boxImageBox
. When user triggerssuperZoom
the image container element is scaled to be width: 100%, that makes the
img
tag significantly bigger so thesrc
of theimg
should be upgraded to the one of the higher resolutions available insrcset
but it's not. The result is that all pictures insuperZoom
are oversized for example 900px width source is overstretched to 1300px.I have no idea, maybe we should force rerendering of
Image
component after we resize it?The text was updated successfully, but these errors were encountered: