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.

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

[Avatar ]: fallbackIcon not working #11140

Open
1 task done
theTheFabdew opened this issue Mar 19, 2025 · 2 comments
Open
1 task done

[Avatar ]: fallbackIcon not working #11140

theTheFabdew opened this issue Mar 19, 2025 · 2 comments

Comments

@theTheFabdew
Copy link

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.
@MarcusNotheis
Copy link
Collaborator

/Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.

@MarcusNotheis MarcusNotheis transferred this issue from SAP/ui5-webcomponents-react Mar 19, 2025
@Valkanister Valkanister self-assigned this Mar 20, 2025
@Valkanister Valkanister removed their assignment Mar 20, 2025
@Valkanister
Copy link

Hello @ui5-webcomponents-topic-p,
Please have a look at this issue with the Avatar fallback icon.

Best,
Georgi

@kgogov kgogov self-assigned this Mar 20, 2025
@kgogov kgogov moved this from Issues to In Progress in Maintenance - Topic P Mar 20, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: In Progress
Development

No branches or pull requests

4 participants