Code component preview not updating after modifications

Created on 7 May 2025, 5 days ago

Overview

When modifying a component's properties (e.g., changing background color) and navigating back to the Canvas page, the hover preview still displays the previous state. The update is visible in the right-hand preview section, but the change is not reflected in the Canvas hover view, indicating a cache or sync issue.

Steps to Reproduce:

Click on the + Add New button.
Keep the default JS code as it is and click on Add to components from the side panel.
Edit the component and change its background color to bg-blue-200.
Observe that the right-hand preview section displays the correct color change.
Navigate back to the Canvas page from the navigator.
Hover over the card component.

Expected Result: The hover preview should display the updated background color (bg-blue-200).
Observation: Navigating back to the Canvas does not trigger a cache refresh or sync for the hover preview, leaving it in the previous state.

Proposed resolution

User interface changes

🐛 Bug report

Status

Active

Version

0.0

Component

Page builder

Created by

mayur-sose

Live updates comments and jobs are added and updated live.

Comments & Activities

Issue created by @mayur-sose
Comment 5 days ago →
🇧🇪Belgium wim leers Ghent 🇧🇪🇪🇺
How is this different from 🐛 Canvas and hover preview out of sync after drag-drop and publish Active ? That issue summary literally also refers to "hover":

Expected Result: The new background color (bg-blue-500) should be visible both in the Canvas and on hover.
First commit to issue fork.
Comment 4 days ago →
mayur-sose
@wim-leers, I just realised that both issues are essentially the same, with only the steps to reproduce being different. We can consider merging them.
Comment 4 days ago →
🇧🇪Belgium wim leers Ghent 🇧🇪🇪🇺
Thanks for confirming.

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024