diff --git a/css/style.css b/css/style.css index d21f834..97799c4 100644 --- a/css/style.css +++ b/css/style.css @@ -128,6 +128,7 @@ input:focus, select:focus { border-color:var(--accent); } #addFolderSelect { min-width:110px; max-width:150px; background:var(--input); border:1px solid #2d3748; color:var(--text); padding:0.5rem 0.8rem; border-radius:2rem; font-size:0.8rem; cursor:pointer; } /* Entries */ +#entriesContainer { user-select:none; -webkit-user-drag:none; } #entriesContainer.grid-view { display:grid; grid-template-columns: repeat(auto-fill, minmax(180px,1fr)); gap:0.6rem; } #entriesContainer.list-view { display:flex; flex-direction:column; gap:0.4rem; } #entriesContainer.compact-view { display:flex; flex-direction:column; gap:0.2rem; } diff --git a/js/app.js b/js/app.js index 1f0a63a..d14e912 100644 --- a/js/app.js +++ b/js/app.js @@ -1141,6 +1141,11 @@ if (token && curUser) { } })(); +// Prevent native drag on non-card elements (table headers, text, etc.) +document.getElementById('entriesContainer').addEventListener('dragstart', function(e) { + if (!e.target?.closest?.('[draggable="true"]')) e.preventDefault(); +}); + // Document mousedown: rect selection on vault background, clear outside vault document.addEventListener('mousedown', function(e) { if (e.button !== 0 || rectState.active) return;