github/mealie
1
0
Fork 0
mirror of https://github.com/hay-kot/mealie.git synced 2025-08-22 22:43:34 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 15

fix drag and drop on recipe instructions

Browse source
This commit is contained in:
Michael Genson 2025-06-16 19:41:28 +00:00
commit d6b8f03c5b
1 changed files with 6 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

15
frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInstructions.vue
View file

@ -130,11 +130,10 @@
ghostClass: 'ghost',
}"
@start="drag = true"
@end="drag = false"
@end="onDragEnd"
>
<TransitionGroup
type="transition"
:name="!drag ? 'flip-list' : ''"
>
<div
v-for="(step, index) in instructionList"
@ -512,13 +511,10 @@ export default defineNuxtComponent({
{ deep: true },
);
watch(
instructionList,
(newVal) => {
context.emit("update:modelValue", [...newVal]);
},
{ deep: true },
);
function onDragEnd() {
context.emit("update:modelValue", [...instructionList.value]);
drag.value = false;
}
// ===============================================================
// Ingredient Linker
@ -784,6 +780,7 @@ export default defineNuxtComponent({
loadingStates,
// Rest
onDragEnd,
drag,
togglePreviewState,
toggleCollapseSection,