Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Error in console when leaving a page with a chart #115

Open
DenisD3D opened this issue Jan 4, 2024 · 4 comments
Open

Error in console when leaving a page with a chart #115

DenisD3D opened this issue Jan 4, 2024 · 4 comments

Comments

@DenisD3D
Copy link

DenisD3D commented Jan 4, 2024

Describe the bug
When navigating from a page with a chart to another page, some error appear in the console (see screenshot). Tracking the source seems to be a resize event. Is the chart properly destroy when switching page ?

I'm using Livewire Volt (class based). That means there is no render function and so i'm creating the charts in the with function.

To Reproduce
From a page with a chart, navigate to another page

Expected behavior
No error in the console

Screenshots
Resulting errors in the console
image

Additional context
Minimal Volt component for reproduction:
test.blade.php

<?php

use Livewire\Volt\Component;
use Asantibanez\LivewireCharts\Models\ColumnChartModel;

new class extends Component {

    public function with(): array
    {
        return [
            'columnChartModel' => new ColumnChartModel()
        ];
    }
}; ?>
<div class="text-center">
    <div class="max-w-md m-auto">
        <livewire:livewire-column-chart key="{{ $columnChartModel->reactiveKey() }}" :column-chart-model="$columnChartModel"/>
    </div>
</div>

Solution Ideas
Destroying the chart before leaving the page / unregistering the events

@EPuigdemont
Copy link

Adding to this, I also see this issue when using wire:navigate when there is a nested chart component in a view.

@nikunj-7span
Copy link

@DenisD3D I'm getting the same issue, Would you happen to have any idea how to solve it?

@DenisD3D
Copy link
Author

No sorry, I think it's best to use a non volt component

@tom-rassaerts
Copy link

Did anyone manage to get this fixed? Having the same issue where using wire:navigate is causing the nested component to throw errors in the console and destroying the chart.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants