Skip to content

fix(design-system): useIsVisible observer look-ahead - #3210

Open
JammingBen wants to merge 1 commit into
mainfrom
fix/visible-observer-lookahead
Open

fix(design-system): useIsVisible observer look-ahead#3210
JammingBen wants to merge 1 commit into
mainfrom
fix/visible-observer-lookahead

Conversation

@JammingBen

@JammingBen JammingBen commented Aug 24, 2026

Copy link
Copy Markdown
Member

Fixes the look-ahead of the useIsVisible composable by passing it the parent scroll container as root property and creating the observer lazily to ensure the target element is mounted.

You can test this by adjusting your browser window size so it fits e.g. 15 tiles in the file list. Now open a folder with >30 images and look at the network tab. It should load ~30 thumbnails because of the fixed look-ahead, which is now about one viewport.

fixes #3168

Fixes the look-ahead of the useIsVisible composable by passing it the parent
scroll container as root property and creating the observer lazily to ensure
the target element is mounted.
@JammingBen JammingBen self-assigned this Aug 24, 2026
@JammingBen
JammingBen marked this pull request as ready for review August 24, 2026 13:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

File list lazy loading has no look-ahead: rootMargin is ineffective

1 participant