-
Notifications
You must be signed in to change notification settings - Fork 1.2k
-
Notifications
You must be signed in to change notification settings - Fork 1.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Default image placeholder blur persists in background for transparent .png images #2980
Comments
please share your image, to found a workaround |
The image I personally used is linked here: https://imgur.com/a/pqw6hNM. |
I don't think this is an issue with Nextra, this is an upstream issue from Next.js Image component How would you like to fix it in Nextra without your workaround with the manual import of NextImage? |
Not too sure how to build v3. |
check blog post https://the-guild.dev/blog/nextra-3 |
below is repro in v2, is you have the same behaviour? Screen.Recording.2024-07-20.at.17.41.28.mov |
This is what I see. Using Chrome 126.0.6478.182. Refreshed without cache.
2024-07-20.16-59-55.mp4 |
I think this might just be a bad configuration on my system/project. If it works at all then there shouldn't be an issue with the default setup. |
could you share your repo? so I could take a look |
Sure, this is the GitHub repo. You have to manually re-add the image in markdown to maybe replicate the issue. |
Expected Behaviour
A blurry image is used as a placeholder until the image loads.
Issue
The blurry image persists as a "background-image" for .png images with transparent backgrounds.
Example
The text was updated successfully, but these errors were encountered: