-
${s.icon}
-
@@ -2565,7 +2860,7 @@ class FolkCampaignPlanner extends HTMLElement {
// View switcher buttons
this.shadow.querySelectorAll('.cp-view-btn').forEach(btn => {
btn.addEventListener('click', () => {
- const view = btn.getAttribute('data-view') as 'canvas' | 'timeline' | 'platform' | 'table';
+ const view = btn.getAttribute('data-view') as 'canvas' | 'timeline' | 'platform' | 'table' | 'board';
if (view) this.switchView(view);
});
});
@@ -2651,13 +2946,20 @@ class FolkCampaignPlanner extends HTMLElement {
});
this.shadow.getElementById('zoom-fit')?.addEventListener('click', () => this.fitView());
- // Shared interaction controller — wheel=pan, Ctrl+wheel/pinch=zoom, two-finger touch=pan+pinch
+ // Shared interaction controller — wheel=pan, Ctrl+wheel/pinch=zoom, two-finger touch=pan+pinch.
+ // Disable when the event originates inside the inline config panel so textareas/selects
+ // inside foreignObject can scroll and focus normally.
this.interactionController?.destroy();
this.interactionController = new CanvasInteractionController({
target: svg,
getViewport: () => ({ x: this.canvasPanX, y: this.canvasPanY, zoom: this.canvasZoom }),
setViewport: (v) => { this.canvasPanX = v.x; this.canvasPanY = v.y; this.canvasZoom = v.zoom; },
onChange: () => this.updateCanvasTransform(),
+ isEnabled: (e) => {
+ const t = e.target as Element | null;
+ if (!t) return true;
+ return !t.closest('.cp-inline-config, .inline-edit-overlay');
+ },
});
// Context menu
@@ -2675,10 +2977,17 @@ class FolkCampaignPlanner extends HTMLElement {
svg.addEventListener('pointerdown', (e: PointerEvent) => {
if (e.button === 2) return; // right-click handled by contextmenu
if (e.button !== 0) return;
- this.closeContextMenu();
const target = e.target as Element;
+ // Inline config panel owns its own interactions — don't steal clicks
+ // from inputs/selects/textareas/buttons living in its foreignObject.
+ if (target.closest('.cp-inline-config, .inline-edit-overlay')) {
+ return;
+ }
+
+ this.closeContextMenu();
+
// Edge drag handle?
const edgeDragEl = target.closest('[data-edge-drag]');
if (edgeDragEl) {
diff --git a/modules/rsocials/mod.ts b/modules/rsocials/mod.ts
index 6e5a6209..d9ccd0ed 100644
--- a/modules/rsocials/mod.ts
+++ b/modules/rsocials/mod.ts
@@ -2885,8 +2885,8 @@ routes.get("/campaign-flow", (c) => {
modules: getModuleInfoList(),
theme: "dark",
body: ``,
- styles: ``,
- scripts: ``,
+ styles: ``,
+ scripts: ``,
}));
});