ui5-webcomponents-react icon indicating copy to clipboard operation
ui5-webcomponents-react copied to clipboard

ColumnChartWithTrend: wrong height when used in CSS grid layout

Open Lukas742 opened this issue 1 year ago • 0 comments

Describe the bug

If the ColumnChartWithTrend is used in a grid layout with grid-template-columns or grid-template-rows and without a defined height of the chart itself, the max-height and height is calculated incorrectly.

Isolated Example

https://stackblitz.com/edit/github-2nwdbd-ewe2ux?file=src%2FApp.tsx,package.json

Reproduction steps

  1. Got to StackBlitz
  2. See that the height of the LineChart and the one of the ColumnChart are the same

Expected Behaviour

No response

Screenshots or Videos

image

UI5 Web Components for React Version

1.29.8

UI5 Web Components Version

1.24.8

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

No response

Organization

No response

Declaration

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

Lukas742 avatar Aug 13 '24 13:08 Lukas742