Fassung 1.6.2: sichtbare leere Layouts und direktes Befuellen im Editor

public/assets/design-panel.js

@@ -124,6 +124,7 @@ export function createDesignPanel({ schema, onChange, onSavePreset, getBlock, ge
   let clipboard = null;
   let showAll = false, lastBlockId = null;
   const openGroups = new Map();
+  const renderedGroups = new Map();
 
   /** Replaces the styling of a block with a copy, or removes it when nothing is given. */
   const applyStyle = (doc, id, style) => {
@@ -459,6 +460,9 @@ export function createDesignPanel({ schema, onChange, onSavePreset, getBlock, ge
 
   /** Renders the whole panel for one block into the given container. */
   return function render(panel) {
+    // Read the previous nodes directly; a queued toggle event can be lost during a redraw.
+    for (const [key, details] of renderedGroups) openGroups.set(key, details.open);
+    renderedGroups.clear();
     const block = getBlock();
     const deviceName = getDevice();
     if (!block) return;
@@ -511,7 +515,7 @@ export function createDesignPanel({ schema, onChange, onSavePreset, getBlock, ge
       const details = element('details', 'design-group');
       const groupKey = `${block.type}:${group}`;
       details.open = openGroups.get(groupKey) ?? (group === priority[0] || group === 'spacing');
-      details.addEventListener('toggle', () => { if (details.isConnected) openGroups.set(groupKey, details.open); });
+      renderedGroups.set(groupKey, details);
       details.append(element('summary', null, groupLabel));
       const body = element('div', 'design-group-body');