search

SAP / fundamental-ngx

Fundamental Library for Angular is SAP Design System Angular component library
https://sap.github.io/fundamental-ngx
Apache License 2.0
256 stars 125 forks source link

Bug: Illustrated Message: SVG masks are ignored #11811

Open do-oel opened 2 weeks ago

do-oel commented 2 weeks ago

Is this a bug, enhancement, or feature request?

Bug

Describe your proposal.

The illustrated message component ignores masks in svgs leading to rectangular outlines of illustrations instead of circles.

Can you handle that on the application side

No

Which versions of Angular and Fundamental Library for Angular are affected? Please, specify the exact version. (If this is a feature request, use current version.)

All until current (v0.49)

If this is a bug, please provide steps for reproducing it; the exact components you are using;

  1. Use the spot example for the illustrated message (https://sap.github.io/fundamental-ngx/#/core/illustrated-message#spot)
  2. Replace the svg code with a current illustration (Horizon style) that uses masks (e.g., for creating a rounded outline, e.g., sapIllus-Spot-EmptyList)
  3. Masks are ignored leading to a rectangular instead of round border of the illustration

    Please provide relevant source code (if applicable).

    N/A

    Please provide stackblitz example(s).

    https://stackblitz.com/edit/pbkzng?file=src%2Fapp%2Fillustrated-message-spot-example.component.ts

    In case this is Accessibility related topic, did you consult with an accessibility expert? If not, please do so and share their recommendations.

    N/A