diff --git a/src/shared/components/BlockEditor/BlockEditor.client.js b/src/shared/components/BlockEditor/BlockEditor.client.js index 09ccb4d..ba53c41 100644 --- a/src/shared/components/BlockEditor/BlockEditor.client.js +++ b/src/shared/components/BlockEditor/BlockEditor.client.js @@ -407,38 +407,8 @@ export default function BlockEditor({ commitChange(next, { immediate: true }); } - // --- Raccourcis globaux --- + // --- Raccourcis globaux (Undo/Redo seulement) --- function handleGlobalKeyDown(e) { - // Slash menu : navigation et sélection - if (slashState) { - const items = getSlashItems(slashState.query, enabledBlocks); - if (e.key === 'ArrowDown') { - e.preventDefault(); - setSlashState(s => ({ ...s, selectedIndex: Math.min((s.selectedIndex ?? 0) + 1, Math.max(items.length - 1, 0)) })); - return; - } - if (e.key === 'ArrowUp') { - e.preventDefault(); - setSlashState(s => ({ ...s, selectedIndex: Math.max((s.selectedIndex ?? 0) - 1, 0) })); - return; - } - if (e.key === 'Enter') { - if (items.length > 0) { - e.preventDefault(); - e.stopPropagation(); - const def = items[slashState.selectedIndex ?? 0]; - if (def) handleSlashSelect(def.type); - return; - } - } - if (e.key === 'Escape') { - e.preventDefault(); - setSlashState(null); - return; - } - } - - // Undo / Redo if ((e.ctrlKey || e.metaKey) && e.key === 'z') { e.preventDefault(); if (e.shiftKey) handleRedo(); @@ -452,6 +422,45 @@ export default function BlockEditor({ } } + // Le slash menu utilise un listener au niveau document en phase capture pour + // intercepter les touches avant que le contentEditable ne gère ses défauts + // (sinon ↑/↓ déplacent le caret et Entrée insère une nouvelle ligne). + useEffect(() => { + if (!slashState) return; + function onKey(e) { + if (!slashState) return; + const items = getSlashItems(slashState.query, enabledBlocks); + if (e.key === 'ArrowDown') { + e.preventDefault(); + e.stopPropagation(); + setSlashState(s => s && ({ + ...s, + selectedIndex: items.length === 0 ? 0 : ((s.selectedIndex ?? 0) + 1) % items.length, + })); + } else if (e.key === 'ArrowUp') { + e.preventDefault(); + e.stopPropagation(); + setSlashState(s => s && ({ + ...s, + selectedIndex: items.length === 0 ? 0 : ((s.selectedIndex ?? 0) - 1 + items.length) % items.length, + })); + } else if (e.key === 'Enter') { + if (items.length > 0) { + e.preventDefault(); + e.stopPropagation(); + const def = items[slashState.selectedIndex ?? 0]; + if (def) handleSlashSelect(def.type); + } + } else if (e.key === 'Escape') { + e.preventDefault(); + e.stopPropagation(); + setSlashState(null); + } + } + document.addEventListener('keydown', onKey, true); + return () => document.removeEventListener('keydown', onKey, true); + }, [slashState, enabledBlocks]); + return (