Skip to content
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.

Sign up for GitHub

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

Jump to bottom

feat: lazy load thumbnail list elements using IntersectionObserver #2461

Merged
merged 12 commits into from
Oct 30, 2024
Merged

feat: lazy load thumbnail list elements using IntersectionObserver #2461

merged 12 commits into from
Oct 30, 2024

Conversation

LeoniePeters
Copy link
Contributor

@LeoniePeters LeoniePeters commented Oct 23, 2024 •
edited by rwd
Loading

  • Introduces lazy loading / infinite scrolling of the item media thumnbnails
    • Renders max 5 thumbnails on initial load
    • When there are more it prepends or appends an extra li as skeleton for the non-rendered thumbnails
    • observes when the skeleton is intersected to load more (perPage, set to 5) thumbnails, using the IntersectionObserver API

@github-actions GitHub Actions
Copy link

JIRA ticket: EC-6950

@github-actions GitHub Actions
Copy link

Preview deployment: https://pr-2461.portal-js.dev.eanadev.org/

@sonarqubecloud SonarQubeCloud
Copy link

Quality Gate Passed Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
100.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

@rwd rwd merged commit 89552a0 into master Oct 30, 2024
17 checks passed
@rwd rwd deleted the feat/EC-6950-infinite-scroll-thumbnails branch October 30, 2024 14:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@rwd rwd rwd approved these changes

Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
2 participants
@LeoniePeters @rwd