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:

  1. Click on the + Add New button.
  2. Keep the default JS code as it is and click on Add to components from the side panel.
  3. Edit the component and change its background color to bg-blue-200.
  4. Observe that the right-hand preview section displays the correct color change.
  5. Navigate back to the Canvas page from the navigator.
  6. 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

Issue fork experience_builder-3523128

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

mayur-sose created an issue. See original summary.

wim leers’s picture

wim leers
Location Ghent 🇧🇪🇪🇺
commented
Assigned: Unassigned » mayur-sose
Status: Active » Postponed (maintainer needs more info)
Related issues: +#3523130: Auto-saved code component changes are not reflected in content preview and component library preview thumbnail

How is this different from #3523130: Auto-saved code component changes are not reflected in content preview and component library preview thumbnail? 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.

bnjmnm made their first commit to this issue’s fork.

mayur-sose’s picture

mayur-sose commented

@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.

wim leers’s picture

wim leers
Location Ghent 🇧🇪🇪🇺
commented
Assigned: mayur-sose » Unassigned
Status: Postponed (maintainer needs more info) » Closed (duplicate)

Thanks for confirming.