Skip to content

[Products] Resolve slider carousel image invisibility in production build#7580

Draft
Bharath314 wants to merge 1 commit intolayer5io:masterfrom
Bharath314:slide-transitions
Draft

[Products] Resolve slider carousel image invisibility in production build#7580
Bharath314 wants to merge 1 commit intolayer5io:masterfrom
Bharath314:slide-transitions

Conversation

@Bharath314
Copy link
Copy Markdown
Contributor

Description

This PR fixes #7461.

This bug was caused by react-slick not playing nice with Gatsby's StaticImage. It looks like some sort of height miscalculation issue caused by the way Gatsby Image pipeline works in production, which probably explains why the carousel works in dev but not prod. I switched to standard <img> tags to fix this issue.

Notes for Reviewers
I'm opening a draft PR so that I can get a preview to test my changes because I can't run make build on my PC without it crashing from running out of memory.

Signed commits

  • Yes, I signed my commits.

Signed-off-by: Bharath Valaboju <69413757+Bharath314@users.noreply.github.com>
@Bharath314 Bharath314 changed the title fix: resolve slider carousel image invisibility in production build [Products] Resolve slider carousel image invisibility in production build Apr 2, 2026
@l5io
Copy link
Copy Markdown
Member

l5io commented Apr 2, 2026

🚀 Preview for commit 95c663b at: https://69ce5320c9c507488f57205e--layer5.netlify.app

@Bharath314
Copy link
Copy Markdown
Contributor Author

Looks like that didn't work. I'll have to try something else.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

The slide transitions on the Meshery pages are not working.

2 participants