Button doesn't scroll back to original expanded position #6417
Description
Description
When clicking "Read More" on a workshop card in the Cloud Native Workshops grid (at /learn/workshops), the card expands correctly. However, when clicking "Read Less", the card doesn't scroll back to its original row position where it was expanded from.
Expected Behavior
When clicking "Read Less", the page should smoothly scroll back to the exact row position where the card was originally expanded from
Video Clip
16-fix.mp4
Environment:
- Host OS:
- Browser:
Contributor Resources and Handbook
The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.
- 📚 See contributing instructions.
- 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
- 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.
Join the Layer5 Community by submitting your community member form.
Metadata
Metadata
Assignees
Type
Projects
Milestone
Relationships
Development
Participants
Activity
ivioje commentedon May 1, 2025
Hello @Jeffrin2005! Can I help fix this issue?
Jeffrin2005 commentedon May 1, 2025
@ivioje Sure. you can tag the team members for working this issue - vivkevishal or leecalcote.
cc: @vishalvivekm @leecalcote
ivioje commentedon May 1, 2025
Alright. Thanks! Hello @vishalvivekm @leecalcote
I confirm that I've read the CONTRIBUTING.md file.
oseniabdulhaleem commentedon Jun 13, 2025
Any update on this @ivioje
@vishalvivekm Can I work on this issue?
stale commentedon Jun 27, 2025
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
HIMU-2001 commentedon Jun 28, 2025
hello @Jeffrin2005 @vishalvivekm ,
Could i be assigned this issue.
Approach to fix the issue:
Store the scroll position of the card when "Read More" is clicked, and on "Read Less", use
window.scrollTowith smooth behavior to scroll back to that stored position.