Wrong width in scrollable elements

[dnnnvx]

Expected Behaviour

Fit the actual width without considering the scrollbar width in a scrollable element

Actual Behaviour

The SVG goes above the scrollbar, making the element horizontally scrollable. The width is calculated and added to the <svg class="frappe-chart chart" width="843" height="300"> When the parent width in this case is 833.

Steps to Reproduce:

<div class="flex flex-col overflow-y-auto">
  <div appCharts [options]="chartOptions"></div>
</div>

NOTE: Add a GIF/Screenshot if required.

Frappé Charts version: 1.3.0

[FalaiTio]

Expected Behaviour

Fit the actual width without considering the scrollbar width in a scrollable element

Actual Behaviour

The SVG goes above the scrollbar, making the element horizontally scrollable. The width is calculated and added to the tag style, in this example is: <svg class="frappe-chart chart" width="843" height="300"> When the parent width in this case is 833.

Steps to Reproduce:

<div class="flex flex-col overflow-y-auto">
  <div appCharts [options]="chartOptions"></div>
</div>

NOTE: Add a GIF/Screenshot if required.

Frappé Charts version: 1.3.0

same here, you solved it?

[dnnnvx]

Nope, sorry. I've used another charts library