Adyen / lume

Lume is a component library for visual representations of data, built for Vue with D3.
https://lumedataviz.com
MIT License
37 stars 1 forks source link

After the first render Stacked Bar Chart doesn't correctly react to the container resize #377

Closed bponomarenko closed 5 months ago

bponomarenko commented 6 months ago

Problem description

When the chart is rendered for the first time, it is correctly placing all its visual elements in the container of the given size. However, once this container is resized, not all chart elements are correctly reacting to the change. See screenshots for more details.

Used v1.6.5

First render:

Screenshot 2024-01-03 at 13 07 38

When downsized:

Screenshot 2024-01-03 at 13 07 50

When expanded:

Screenshot 2024-01-03 at 13 07 59

Reproduction URL

No response

Reproduction steps

  1. Render Stacked Bar Chart and style it to take 100% of the page.
  2. Try to resize browser window.

Expected behavior

All chart visual elements are correctly reacting to the resize.

Screenshots

![DESCRIPTION](LINK.png)

Logs

No response

Browsers

Chrome

OS

No response

Validations