local-workspace: replace x-if/x-show with x-show only for preview panel
Root cause: Alpine 3.14.9 x-if on template element doesn't reliably re-render when a reactive property changes. previewItem was being set (confirmed by logs) but x-if never re-evaluated. Fix: replace <template x-if> wrapper with direct x-show on the preview-panel div. x-show with x-transition is the reliable pattern for this Alpine version.
This commit is contained in:
@@ -2805,8 +2805,7 @@ console.log('FLOWDECK v2.4.6 — IIFE done, _wsInitData keys:', Object.keys(wind
|
||||
</div>
|
||||
|
||||
<!-- Preview Panel — right side panel for file preview -->
|
||||
<template x-if="previewItem">
|
||||
<div class="preview-panel" x-transition:enter="preview-enter" x-transition:leave="preview-leave">
|
||||
<div class="preview-panel" x-show="previewItem" x-transition:enter="preview-enter" x-transition:leave="preview-leave" x-cloak>
|
||||
<div class="preview-panel-header">
|
||||
<span x-html="_fileIcon(previewItem.name, previewItem.is_folder, previewItem.content_format)"></span>
|
||||
<span class="preview-panel-title" x-text="previewItem.name"></span>
|
||||
@@ -2829,8 +2828,6 @@ console.log('FLOWDECK v2.4.6 — IIFE done, _wsInitData keys:', Object.keys(wind
|
||||
<button class="btn btn-danger" @click="deleteWithUndo(previewItem)">{{ fd_icon("trash",14) }} Delete</button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
</div><!-- /ws-split -->
|
||||
|
||||
</div><!-- /_wsInitData wrapper -->
|
||||
|
||||
Reference in New Issue
Block a user