fix(background-image-native): prevent layout shift during lazy image load - #35
Open
Andries-Smit wants to merge 1 commit into
Open
fix(background-image-native): prevent layout shift during lazy image load#35Andries-Smit wants to merge 1 commit into
Andries-Smit wants to merge 1 commit into
Conversation
Andries-Smit
force-pushed
the
feat/background-image-default-image
branch
from
March 28, 2023 18:33
c0ae454 to
6d86966
Compare
Andries-Smit
force-pushed
the
feat/background-image-default-image
branch
from
June 4, 2025 14:29
6d86966 to
d2ea5fa
Compare
Andries-Smit
force-pushed
the
feat/background-image-default-image
branch
from
February 27, 2026 10:27
d2ea5fa to
c413ef0
Compare
Andries-Smit
force-pushed
the
feat/background-image-default-image
branch
from
July 1, 2026 14:25
c413ef0 to
a39ad46
Compare
Andries-Smit
changed the title
Andries-Smit
force-pushed
the
feat/background-image-default-image
branch
from
September 2, 2026 07:20
a39ad46 to
d084228
Compare
Andries-Smit
changed the title
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Fix: Prevent layout shift during lazy-loaded image display
When lazy-loading images from the server, the absence of a default background image causes visible height changes and layout instability as images load and become visible. This creates a poor user experience and makes content reflow unpredictably.
This PR adds default image support to the image viewer, aligning with common patterns in other viewers. The default image acts as a placeholder, maintaining consistent content height during the image loading phase and preventing layout shifts.
Benefits: