MatplotlibChart messing up the layout

[fccoelho]

Duplicate Check

• [X] I have searched the opened issues and there are no duplicates

Describe the bug

I am inserting a MatplotibChart into a Card and I am getting the error below:

[ERROR:flutter/flow/layers/transform_layer.cc(23)] TransformLayer is constructed with an invalid matrix.
[ERROR:flutter/flow/layers/transform_layer.cc(23)] TransformLayer is constructed with an invalid matrix.
[ERROR:flutter/flow/layers/transform_layer.cc(23)] TransformLayer is constructed with an invalid matrix.
[ERROR:flutter/flow/layers/transform_layer.cc(23)] TransformLayer is constructed with an invalid matrix.

Code sample

Logs

In the code below, `fig` is a matplotlib figure object created as described in flet docs. ```python page.plot_panel.content = MatplotlibChart(fig, isolated=True , expand=True) page.update() ``` `page.plot_panel` is a flet.Card() control.

To reproduce

1. add the chart
2. update the page

Expected behavior

I expected the chart to simply be rendered without screwing the layout

Screenshots / Videos

Screenshots / Video demonstration

When the chart is added, it completely messes up the view layout: All widgets get moved into the top left corner, as can be seen in the screenshot below. 

Operating System

Linux

Operating system details

Ubuntu 24.04

Flet version

0.22.1

Regression

No, it isn't

Suggestions

No response

Logs

Logs

```console [Paste your logs here] ```

Additional details

No response

[ndonkoHenri]

Can you build some simple reproducible code, so we can test the issue?

[fccoelho]

I have instead switched to showing charts on a Bottom Sheet, thus avoiding figuring out the layout bug.