Skip to content

[Avatar ]: fallbackIcon not working #11140

@theTheFabdew

Description

@theTheFabdew

Describe the bug

according to the spec:

fallbackIcon | Defines the name of the fallback icon, which should be displayed in the following cases:

  • If the initials are not valid (more than 3 letters, unsupported languages or empty initials).
  • If there are three initials and they do not fit in the shape (e.g. WWW for some of the sizes).
  • I_f the image src is wrong._

When provided a broken link in an img tag src property inside the avatar, we see the broken img icon being displayed,
not the fallbackIcon as expected.

Isolated Example

https://stackblitz.com/edit/github-snohn9us?file=src%2FApp.tsx

Reproduction steps

...

Expected Behaviour

We expect the fallback icon to be displayed if img link is not valid.

Screenshots or Videos

No response

UI5 Web Components for React Version

1.29.14

UI5 Web Components Version

1.24.13

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

Organization

No response

Declaration

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

Metadata

Metadata

Assignees

Type

Projects

Status

Completed

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions