fix: ctx-menu a son propre x-data="_wsInitData" pour que les directives Alpine internes fonctionnent
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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user