UI5 / UI5/webcomponents

[Avatar] Deal with loading big image or slow connection

Open
#10,732 3 comments 0 reactions 1 assignee View on GitHub

@dobrinyonkov is already working on this.

Since Apr 4, 2025.

Design Pending feature request Low Prio TOPIC P
Dominant language
TypeScript
Stars
1.8k
Forks
285
Avg merge
3d 2h
Merged PRs (30d)
59

Description

Is your feature request related to a problem?

Currently if your connection is slow when displaying an Avatar image, it immediately displays the loading image (frame by frame), you don't see the provided icon while the image is slowly loading.

Describe the solution you'd like

I would like the provided icon to be display while the image is loading and when the loading is complete, display the loaded image.
This behavior could be enabled with a property (onlyShowFullyLoadedImage).
The idea is to avoid showing intermediate images that are not relevant.

Describe alternatives you've considered

No response

Additional Context

No response

Organization

SAP France

Declaration
  • I’m not disclosing any internal or sensitive information.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.