fix: ctx-menu a son propre x-data="_wsInitData" pour que les directives Alpine internes fonctionnent
FlowDeck CI / test (push) Failing after 4s
FlowDeck CI / docker (push) Has been skipped

Le .ctx-menu était hors du scope _wsInitData dans le DOM (sibling du wrapper).
Ajouter x-data directement sur l'élément lui donne accès à toutes les variables
Alpine internes (ctxTagExistingOpen, ctxTagAdding, ctxAvailTags, ctxTagColors, etc.)

Les toggles de dropdown utilisent maintenant du DOM natif pour éviter les
problèmes de scope.
This commit is contained in:
2026-07-13 10:48:32 -04:00
parent 92eca626b7
commit 0a0a330b55
+3 -3
View File
@@ -2350,7 +2350,7 @@ console.log('FLOWDECK v2.4.6 — IIFE done, _wsInitData keys:', Object.keys(wind
</div><!-- /ws-main -->
<!-- Context menu -->
<div class="ctx-menu" style="display:none"
<div class="ctx-menu" x-data="_wsInitData" style="display:none"
@click.outside="document.querySelector('.ctx-menu').style.display='none'"
@keydown.escape="document.querySelector('.ctx-menu').style.display='none'"
x-transition>
@@ -2371,11 +2371,11 @@ console.log('FLOWDECK v2.4.6 — IIFE done, _wsInitData keys:', Object.keys(wind
<div x-show="(ctxMenu.tags||[]).length === 0" style="padding:2px 14px;font-size:11px;color:var(--text-dim);">No tags</div>
<div class="ctx-sep"></div>
<!-- Add existing tag → sub-menu -->
<div class="ctx-item ctx-has-sub" @click.stop="ctxTagExistingOpen=!ctxTagExistingOpen" x-show="ctxAvailTags.length > 0">
<div class="ctx-item ctx-has-sub" @click.stop="var s=document.querySelector('.ctx-tag-existing-section');s.style.display=s.style.display==='none'?'block':'none'" x-show="ctxAvailTags.length > 0">
<span style="flex:1;">📋 Add existing tag</span>
<span x-text="ctxTagExistingOpen ? '▾' : '▸'"></span>
</div>
<div x-show="ctxTagExistingOpen && ctxAvailTags.length > 0" style="padding:0 0 4px;background:var(--bg-tertiary);border-radius:6px;margin:2px 6px;">
<div class="ctx-tag-existing-section" style="display:none;padding:0 0 4px;background:var(--bg-tertiary);border-radius:6px;margin:2px 6px;">
<template x-for="t in ctxAvailTags" :key="'ctx-avail'+t.id">
<div class="ctx-item ctx-add-tag-item" @click.stop="ctxAddExistingTag(t), ctxTagExistingOpen=false">
<span class="ctx-tag-color" :style="{background: t.color}"></span>