Hero component: renamed buttons reset in preview after tab navigation

Created on 17 April 2025, 5 days ago

Overview

When editing the Hero component in the XB, if the button labels are renamed (for example, "View" to "Accept" and "Click" to "Decline"), the changes initially reflect correctly in both the preview and the editing slide.

However, after selecting a renamed button (like "Accept") and pressing the Tab key twice, the button labels in the preview revert back to their original values ("View" and "Click"), while the editing slide still displays the renamed labels ("Accept" and "Decline").

This creates a mismatch between the preview and the editor panel.

Steps to Reproduce:

  1. Drag and drop a Hero component onto the canvas.
  2. Rename the button labels:
    • Change "View" to "Accept"
    • Change "Click" to "Decline"
  3. Click into the "Accept" button field in the editing slide.
  4. Press the Tab key twice.
  5. Observe the issue:
    • In the preview, the button labels revert to "View" and "Click".
    • In the editing slide, the labels still display "Accept" and "Decline".

Proposed resolution

User interface changes

🐛 Bug report
Status

Active

Version

0.0

Component

Page builder

Created by

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @mayur-sose
  • 🇧🇪Belgium wim leers Ghent 🇧🇪🇪🇺

    Interesting find! Not sure yet if this is a client-side or server-side bug. But since the server side renders the preview for the component tree it receives, I suspect it's the client side. If it's the server side, then I suspect it's in the auto-save functionality.

Production build 0.71.5 2024