search

SAP / ui5-webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.
https://sap.github.io/ui5-webcomponents/
Apache License 2.0
1.5k stars 260 forks source link

[SF][IllustratedMessage]: IllustratedMessage Icon not visible when rendered in Panel component #9724

Open ksblklu02 opened 3 weeks ago

ksblklu02 commented 3 weeks ago

Bug Description

IllustratedMessage Icon not visible when rendered in Panel component

Affected Component

ui5-illustrated-message

Expected Behaviour

Responsive icon should be visible when IllustratedMessage rendered

Isolated Example

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

Steps to Reproduce

  1. Go to https://stackblitz.com/edit/github-pjgups?file=src%2FApp.tsx
  2. See the message icon is not visible under the panel image

Log Output, Stack Trace or Screenshots

No response

Priority

High

UI5 Web Components Version

1.24.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

yanaminkova commented 3 weeks ago

Hello @SAP/ui5-webcomponents-topic-p,

Could you please review this issue with the ui5-illustrated-message component? It appears that the svg within the component is not displaying when placed inside a panel with a fixed height. You can reproduce the issue using the example provided below: https://stackblitz.com/edit/github-pjgups?file=src%2FApp.tsx

Thanks and Best regards, Yana

nnaydenow commented 3 weeks ago

It is also reproducible without ui5-panel (https://stackblitz.com/edit/github-pjgups-bzfluh?file=src%2FApp.tsx) simply resize vertically the container where the illustration is placed.