Reload the card when changing the configuration in editor (#21351)

home-assistant · Jul 10, 2024 · daa3678 · daa3678
1 parent 7edc4ef
commit daa3678
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/panels/lovelace/cards/hui-card.ts b/src/panels/lovelace/cards/hui-card.ts
@@ -150,8 +150,10 @@ export class HuiCard extends ReactiveElement {
       if (changedProps.has("config")) {
         const elementConfig = this._elementConfig;
         if (this.config !== elementConfig && this.config) {
-          const typeChanged = this.config?.type !== elementConfig?.type;
-          if (typeChanged) {
+          const typeChanged =
+            this.config?.type !== elementConfig?.type || this.preview;
+          // Rebuild the card if the type of the card has changed or if we are in preview mode
+          if (typeChanged || this.preview) {
             this._loadElement(this.config);
           } else {
             this._updateElement(this.config);