close customize component on selection, undo and redo, and default 1st

Author: bso-odoo

addons/html_builder/static/src/core/customize_tab_plugin.js

@@ -5,6 +5,11 @@ import { registry } from "@web/core/registry";
 export class CustomizeTabPlugin extends Plugin {
     static id = "customizeTab";
     static shared = ["getCustomizeComponent", "openCustomizeComponent", "closeCustomizeComponent"];
+    resources = {
+        post_redo_handlers: () => this.closeCustomizeComponent(),
+        post_undo_handlers: () => this.closeCustomizeComponent(),
+        change_current_options_containers_listeners: () => this.closeCustomizeComponent(),
+    };
 
     setup() {
         this.customizeComponent = reactive({
@@ -26,9 +31,11 @@ export class CustomizeTabPlugin extends Plugin {
         };
     }
     closeCustomizeComponent() {
-        this.customizeComponent.component = null;
-        this.customizeComponent.editingEls = null;
-        this.customizeComponent.props = {};
+        if (this.customizeComponent) {
+            this.customizeComponent.component = null;
+            this.customizeComponent.editingEls = null;
+            this.customizeComponent.props = {};
+        }
     }
 }
 

addons/html_builder/static/src/plugins/background_option/background_shape_option_plugin.js

@@ -81,9 +81,9 @@ export class BackgroundShapeOptionPlugin extends Plugin {
                     // If there is no previous sibling, if the previous sibling
                     // had the last shape selected or if the previous shape
                     // could not be found in the possible shapes, default to the
-                    // first shape. ([0] being no shapes selected.)
+                    // first shape.
                     if (!shapeToSelect) {
-                        shapeToSelect = allPossiblesShapesUrl[1];
+                        shapeToSelect = allPossiblesShapesUrl[0];
                     }
                     // Only show on mobile by default if toggled from mobile
                     // view.